jQuery实现ajax上传

1.实现文件上传 //一定要使用ajax,method用post,//processData:false,contentTyp:false

$(function() {

$('#btnUpload').on('click' function () {

var files = $('file1')[0].files

if(files.length <= 0) {

return alert('请选择文件后再上传')}

elseif{

var fd = new FormData()

fd.append('avatar',files[0])

$.ajax(

{

method:'post',

url:'http://www.liulongbin.top:3006/api/upload/avatar',

data:fd,

processData:false,

contentType:false,

success:function(res) {

console.log(res)

}

})

}

})})

Ajax 请求开始时,执行ajaxStart 可以在ajaxstart中显示loading效果

$(document).ajaxStart(function() {

$('#loading').show()

})

$(document).ajaxStop(function() {

$('#loading').hide()

})

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容