dwz多附件上传

119 阅读 0 评论 79 点赞

我是靠谱客的博主风趣纸飞机，这篇文章主要介绍dwz多附件上传，现在分享给大家，希望可以做个参考。

复制代码

通过设置input标签的不同属性来实现多文件上传，其中多个上传按钮同时存在的话，ID属性不能有重复，可以根据业务逻辑来控制id。

swf：对应系统中存在uploadify.swf文件的位置；
 uploader：对应后台上传文件的方法（上传文件到自己系统服务器，方法不在此赘述）；
 formData：提交后台参数；
 queueID：指定上传文件时上传进度条显示DIV；
 buttonText：指定上传附件按钮显示的文字；
 fileTypeExts，fileTypeDesc：文件上传扩展名以及文件上传类型描述，两个属性配合使用；
 width:70 上传按钮的宽度；
 height:20 上传按钮的高度；
 auto：true  自动上传；
 onUploadSuccess：上传图片成功之后的回调函数，处理图片或文件上传成功后的后续业务处理；

可以实现的最后效果如下图：
![这里写图片描述](https://img-blog.csdn.net/20170111102226196?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQWlOaUJ1TGlCdVFp/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
除此之外还有其余相关属性，时间仓促，下次用到再分享！

可以通过修改uploadify/css/uploadify.css中的css样式来调整按钮的颜色等。

特别提示：uploadify以来浏览器的flush进行文件加载，如果浏览器没有安装flush组件，是没办法使用的！！

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
通过设置input标签的不同属性来实现多文件上传，其中多个上传按钮同时存在的话，ID属性不能有重复，可以根据业务逻辑来控制id。

<input id="testFileInput${list.stdbakid.stdbakid }" type="file" name="images" class="muti_image" accept="image/*"
    uploaderOption="{
        swf:'${path }/styles/uploadify/scripts/uploadify.swf',
        **uploader:'${path }/pages/newcheckplan/upload.htm?stdbakid=${list.stdbakid.stdbakid}',**
        formData:{},
        queueID:'fileQueue${list.stdbakid.stdbakid }',
        buttonText:'上传照片',
        fileTypeExts: '*.jpg;*.png;*.gif;',
        fileTypeDesc: '请选择 jpg png gif图片',
        width:70,
        height:20,
        auto:true,
        onUploadSuccess:uploadifySuccess
    }"/>

 <div id="fileQueue${list.stdbakid.stdbakid }" class="fileQueue"></div>

 swf：对应系统中存在uploadify.swf文件的位置；
 uploader：对应后台上传文件的方法（上传文件到自己系统服务器，方法不在此赘述）；
 formData：提交后台参数；
 queueID：指定上传文件时上传进度条显示DIV；
 buttonText：指定上传附件按钮显示的文字；
 fileTypeExts，fileTypeDesc：文件上传扩展名以及文件上传类型描述，两个属性配合使用；
 width:70 上传按钮的宽度；
 height:20 上传按钮的高度；
 auto：true  自动上传；
 onUploadSuccess：上传图片成功之后的回调函数，处理图片或文件上传成功后的后续业务处理；

可以实现的最后效果如下图：
![这里写图片描述](https://img-blog.csdn.net/20170111102226196?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQWlOaUJ1TGlCdVFp/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
除此之外还有其余相关属性，时间仓促，下次用到再分享！


可以通过修改uploadify/css/uploadify.css中的css样式来调整按钮的颜色等。


特别提示：uploadify以来浏览器的flush进行文件加载，如果浏览器没有安装flush组件，是没办法使用的！！