页面标签 <input type=file id=file />
var data = new FormData();
data.append("name", $("#name").val());//可以传字符串参数
data.append("file", document.getElementById("file").files[0]);//文件直接放进去
$.ajax({
url: "api/file-upload",
type: "post",
data: data,
processData: false, //tell jQuery not to process the data
contentType: false, //tell jQuery not to set contentType
success: function (data) {
alert(data);
}
});用自定义图片的click关联file的click,满足一切样式需求.
本文介绍了一种使用HTML页面标签和JavaScript的FormData对象实现文件上传的方法。通过设置文件输入元素的click事件并利用自定义按钮样式,实现了文件选择与上传功能,并通过AJAX发送POST请求到服务器端点'api/file-upload'。
171万+

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



