jQuery實現(xiàn)ajax上傳

1.實現(xiàn)文件上傳 //一定要使用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 請求開始時,執(zhí)行ajaxStart 可以在ajaxstart中顯示loading效果

$(document).ajaxStart(function() {

$('#loading').show()

})

$(document).ajaxStop(function() {

$('#loading').hide()

})

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容