使用ajaxfileupload.js实现异步上传文件的例子

使用ajaxfileupload.js实现异步上传文件的例子
Ajax不能提交文件，所以当我们上传图片和预览，我们经常使用的ifame方法实现一个看似异步的效果。但这往往是不方便。ajaxfilleupload.js裹上面的方法，所以我们不需要管理的一系列操作iframe，也没有影响我们的页面结构，这样我们就可以实现异步文件提交。

Html：
复制代码代码如下所示：
Js：
复制代码代码如下所示：
ajaxfileupload（{美元。
网址：$ { pageContext。请求。contextpath } /管理/ br_restorepic。行动 / /链接到服务器地址
Secureuri：假，
fileelementid： / / 'file_upload的ID属性文件选择框
DataType： / /服务器中的格式可以是JSON，XML
成功：功能（数据、状态） / /等效使用try块在java
{

$（# restoredialog）。Html（数据）；

警报（数据）；
}，
错误：函数（数据、状态、e）{在java的catch块 / /等效使用

$（# restoredialog）。Html（上传失败，请再试一次）；
}
}）；

这种方法的另一个问题是输入只能使用一次。输入第二次的变化将不会被执行，这应该与浏览器。解决方案是替换此输入。

喜欢这uff1a
复制代码代码如下所示：
$（# file_upload'）ReplaceWith（‘）；

tag：上传文件异步例子电脑软件ajaxfileupload

相关内容