上传组件

本节主要介绍框架的上传组件功能。在本框架中，IE8-9使用uploadify组件上传，其余支持HTML5的浏览器使用HTML5上传，两种上传的API基本一致。

初始化

• Data属性：div添加属性data-toggle="upload"后可触发上传组件。
  DOM示例：
  
  

  示例代码：

                          <script type="text/javascript">
                              function doc_upload_success(file, data) {
                                  var json = $.parseJSON(data)
                                  
                                  $(this).bjuiajax('ajaxDone', json)
                                  if (json[BJUI.keys.statusCode] == BJUI.statusCode.ok) {
                                      $('#doc_pic').val(json.pic)
                                      $('#doc_span_pic').html('已上传图片：<img src="'+ json.pic +'" width="100">')
                                  }
                              }
                          </script>
                          <div style="display:inline-block; vertical-align:middle;">
                              <div id="doc_pic_up" data-toggle="upload" data-uploader="doc/form/ajaxPic.html" 
                                  data-file-size-limit="1024000000"
                                  data-file-type-exts="*.jpg;*.png;*.gif;*.mpg"
                                  data-multi="true"
                                  data-on-upload-success="doc_upload_success"
                                  data-icon="cloud-upload"></div>
                              <input type="hidden" name="doc.pic" value="" id="doc_pic">
                          </div>
                          <span id="doc_span_pic"></span>
                      

• jQuery API：
  

                          $(div).uplopd(options)
                      

参数（options）

名称	类型	默认值	描述
uploader	string	null	[必选] D-Url 上传处理URL。
formData	object	{}	[可选] 发送到服务端的额外数据。
fileTypeExts	string	*.jpg;*.png	[可选] 限制上传文件类型，多个以;分隔。
fileObjName	string	file	[可选] 服务端接收到的file域名称。
buttonText	string	选择上传文件	[可选] 上传按钮的名称。
auto	boolean	false	[可选] 是否开启自动上传。
multi	boolean	false	[可选] 是否支持一次性选择多个上传文件。
fileSizeLimit	int	204800	[可选] 上传文件大小限制，单位 KB。
onUploadSuccess	function(file, data, $element)	null	[必选] 上传成功时的回调函数，data是服务端返回的JSON数据，$element是触发上传的jQuery对象。
dragDrop	boolean	false	[可选] HTML5专用是否开启拖动上传，开启后，将文件拖到按钮上即可上传。
previewImg	boolean	true	[可选] HTML5专用是否预览上传图片。
previewLoadimg	string	null	[可选] HTML5专用载入预览图片前显示的loading图标，previewImg=true时生效。
icon	string	null	[可选] HTML5专用上传按钮的图标。