原生jq實現圖片上傳到伺服器

ITzhongzi發表於2017-06-06


//示例程式碼如下所示

//監聽圖片上傳 icon
$(document).on('change','#showIconImgDiv',function (e) {
    var targetElement = e.target,file = targetElement.files[0];
    var fd = new FormData();
    fd.append('fileToUpload',file);
    $.ajax({
        url : ht.ip.jiaxie + '/uploadaction/addPic',  
        type : 'post',
        data : fd,
        contentType : false,
        processData : false,
        cache : false,
        success : function (url) {
            uploadUrl.url = ht.ip.jiaxieimg + url;
            console.log(uploadUrl.url);
            $('.showIconImgLabel').css('background','url('+uploadUrl.url +') center center/cover no-repeat');
        }
    });
});

//url是上傳成功返回的  圖片在伺服器中的地址

相關文章