关于ajaxfileupload的使用方法以及一些问题

2024-05-06 16:26:29| 来源: 网络整理

使用问题:

1.ajax-fileupload.js handleError 异常由于本来handleError方法是jquery的方法,但jquery到了某个版本这个方法就去掉了没有了

所以最简单有效的方式就是在ajaxfileupload.js中添加上该方法，方法如下：

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：卷猫链接：http://anneke.cn/ArticleInfo/Detial？id=2来源：Anneke.cnhandleError: function (s, xhr, status, e) { // If a local callback was specified, fire it if (s.error) { s.error.call(s.context || s, xhr, status, e); } // Fire the global callback if (s.global) { (s.context ？ jQuery(s.context) : jQuery.event).trigger("ajaxError", [xhr, s, e]); } },

2.文件域绑定change事件，实现每次选择图片就上传到服务器，并返回图片路径，让浏览器显示图片但触发一次change事件后，下次就不会再触发change事件

原因：由于ajaxFileUpload把原来的file元素替换成新的file元素，所以之前绑定的change事件就失效了，解决方法：在 $.ajaxFileUpload({option})中的回调函数里重新绑定change事件。

使用demo

视图页：

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：卷猫链接：http://anneke.cn/ArticleInfo/Detial？id=2来源：Anneke.cn//绑定事件 $("#文件上传域的ID").change(function () { UploadImg(); }); UploadImg = function() { //判断内容是否为空 if ($("#文件上传域的ID").val().length

【本文地址】转载请注明　