前段代码需要与其他接口进行交互,ajax上传配置图片文件。代码用的是HTML5的FormData对象,FormData对象可以添加键值对来模拟我们用到的表单控件,将值转化为二进制传递。
HTML表单代码:
发送的图片
上传的JavaScript代码:var data = new FormData($("#formTimeLine")[0]);
$.ajax({
type: 'POST',
url: url,
dataType: 'json',
cache: false,
processData: false, //需要正确设置此项
contentType: false,
enctype: 'multipart/form-data', //需要正确设置此项
data: data,
success: function (data) {
//返回成功
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert('error:');
}
});
我们还可以不借助 HTML 表单,直接向 FormData 对象中添加一个 File 对象,来上传文件。var oForm = new FormData();
oForm.append("file-img", myimg);
该特性可能有部分浏览器不支持。
博客介绍了如何利用HTML5的FormData对象配合Ajax实现图片文件的上传。通过创建FormData对象,将图片文件添加进去,然后使用jQuery的ajax方法,设置相应的参数如URL、dataType、contentType等,实现与后台接口的交互。这种方法适用于现代浏览器,对于不支持的浏览器可能需要做兼容处理。
1911

被折叠的 条评论
为什么被折叠?



