>[warning] 使用前请务必在js页面引入**form.js imgpreview.js** #### 文件上传组件 >[info] plupload: function (id, success, error) {} * id：表单ID * success：上传成功回调函数 * up：上传文件的基本信息 * ret：上传返回的状态及文件的基本信息[在使用中主要用这个里面的数据] * file： * error：上传失败回调函数 >[success]上传成功回调函数 上传成功后的回调函数主要读取ret中的数据，ret返回数据格式如下： ```php { "code":1, "msg":"上传成功", "data": { "fileId":"1", "title":"1dcc5e90f603738d8a0c27ddbd1bb051fa19ecdc", "url":"\/uploads\/20190708\/3e72e1066f353e8da7caf7aeabfbb4f0.gif", "path":"\/uploads\/20190708\/3e72e1066f353e8da7caf7aeabfbb4f0.gif", "thumbPath":"\/uploads\/20190708\/3e72e1066f353e8da7caf7aeabfbb4f0.gif", "fullPath":"http:\/\/www.yun.com:8091\/uploads\/20190708\/3e72e1066f353e8da7caf7aeabfbb4f0.gif", "hash":"4ba48c37508019cdca6cf935f38cbac8ac59fdd0", "size":20971520, "type":"gif" }, "url":"", "wait":3 } } ``` >[success]示例代码 表单页面代码【说明：在上传文件表单中需要在class中添加plupload data-list-box-id必须存在且有值，还要加上data-moduleno[其值为模块名称]、data-relid[关联的单据编号]。同时需要添加一个显示文件内容的div，其id为imgpreview，class添加imgpreview_edit】 ```html <div class="form-group"> <label class="col-xs-12 col-sm-2 control-label">相关附件：</label> <div class="col-xs-12 col-sm-8"> <a href="javascript:;" id="btnUploader" data-filetype="file" data-list-box-id="imgpreview" data-moduleno="TASK" data-relid="TTASK2019060001" class="plupload btn btn-info"> <i class="fa fa-upload "></i> 上传附件</a> </div> </div> <div class="form-group"> <ul class="col-xs-10 col-xs-offset-2 imgpreview_edit" id="imgpreview"> </ul> </div> ``` js页面代码【在调用上传方法时，需要重新绑定一下上传事件( ImgPreview.api.bindevent();)】 ```js add:function(){ //代码内容... ImgPreview.api.bindevent(); }, ```