dwz多附件上传

通过设置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组件，是没办法使用的！！

最后

以上就是风趣纸飞机为你收集整理的dwz多附件上传的全部内容，希望文章能够帮你解决dwz多附件上传所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。