ajaxFileUpload+php图片上传预览

前端之家收集整理的这篇文章主要介绍了ajaxFileUpload+php图片上传预览前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

后台是利用SWFUpload上传图片,是flash+js的组合,如果不用chrome,经常会提示flash版本过低用不了,感觉还是很不方便的。

这里总结了一利用js ajax上传插件列表: 7 JAVASCRIPT AJAX FILE UPLOAD PLUGINS

jQuery插件之ajaxFileUpload 原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值。

前台做的时候有一个坑,之前是用的$('element').change()来获取事件,但是onchange事件只会被触发一次,网上有提到解决的办法是live('change'),可惜项目jquery太旧并不支持,也不敢随意升级。所以只能直接在input中加入onchange=“function()”来实现。

这里有关于onchange事件的详细讲解:input的onchange事件实际触发条件与解决方法

一、当input捕获到焦点后,系统储存当前值

二、当input焦点离开后,判断当前值与之前存储的值是否不等,如果为true则触发onchange事件。

##前台代码 浏览器自己的file input比较丑,所以一般都display:none然后下面加一个

@L_403_4@

猜你在找的Ajax相关文章