做软工作业时,需要实现无刷新异步上传图片到服务器,于是想利用Ajax:
得到file的val,再post过去…
等真正实现的时候才发现,根本行不通。
于是翻来翻去找到一个封装好的js插件,可以实现异步上传文件。
AjaxFileUpload
这个插件的原理是创建隐藏的表单和iframe,然后用JS去提交,获得返回值。
语法
$.ajaxFileUpload([options])
参数说明
url 上传处理程序地址。
fileElementId 需要上传的文件域的ID,即的ID。
secureuri 是否启用安全提交,默认为false。
dataType 服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。
success 提交成功后自动执行的处理函数,参数data就是服务器返回的数据。
error 提交失败自动执行的处理函数。
data 自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。
type 当要提交自定义参数时,这个参数要设置成post
使用方法
引入jQuery与ajaxFileUpload插件(由api中心强力提供)
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
名称栏目:AjaxFileUpload.js实现异步上传文件功能-创新互联
文章链接:http://tyjierui.cn/article/iiees.html