Uploadify上传文件方法_javascript技巧
发布网友
发布时间：10小时前
共1个回答
热心网友
时间：2024-12-05 03:25
让我们先来看看效果演示：
在使用过程中，有些人遇到找不到uploadify-cancel.png文件的问题，这通常需要在uploadify.css中修改文件路径。此外，有反馈称在Chrome、Firefox等浏览器中使用Uploadify时会遇到获取不到session导致的上传失败。不过，我在实际操作中并未采取手动添加session id到参数中的做法，但在上述浏览器中上传并未出现问题。可能是因为我使用的是最新的版本，具体情况可能因版本不同而有所变化。
使用要点如下：
Uploadify的js配置提供了丰富的选项，实际上在实际应用中，可以根据需要适当删减一些方法和属性。
对于单文件上传，只需关注onSelect、onUploadError和onUploadSuccess这三个事件处理即可。
如果需要实现多文件上传，则在单文件上传的基础上还需加上onQueueComplete事件处理，用于监听队列的完成。
要开始上传所有文件，可以使用代码：$('#file_upload').uploadify('upload', '*');
取消上传操作可通过以下方式实现：
若parm为空，则取消上传第一个文件。
若parm为'*'，则取消所有上传中的文件。
若parm为具体的file id，则取消对应该id的文件。
在配置上传时，可以调整附加的变量，使用：$('#file_upload').uploadify("settings","formData",{"name1":"中文name","parm1":"修改后的参数"});这里参数为json格式，若json中已存在某个变量，会覆盖原有属性，若不存在，则追加新属性。服务端需确保设置编码为：upload.setHeaderEncoding("UTF-8")，以此确保文件名称正确解析为中文。但有时会遇到中文参数解析时出现乱码的问题，这可以通过手动进行一次转码操作来解决：new String(item.getString().getBytes("iso8859-1"),"utf-8")。
最后，服务器端需要返回文件保存路径，这一部分可以灵活定义返回内容。
总的来说，配置Uploadify时需要关注路径调整、浏览器兼容性、事件处理、参数配置以及服务器端编码设置等关键点。通过合理配置，可以有效提升文件上传体验，实现高效、稳定的文件上传功能。
