欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery 圖片上傳

林雅南2年前9瀏覽0評論

jquery是一款非常流行的JavaScript庫,其具有兼容性、簡潔性和易用性的優(yōu)點(diǎn),如果需要在網(wǎng)站中實(shí)現(xiàn)圖片上傳的功能,就可以使用jquery來方便地處理相關(guān)操作。

$(document).ready(function(){
$('#upload-form').submit(function(e){
e.preventDefault(); // 阻止表單默認(rèn)提交事件
var formData = new FormData(this); // 創(chuàng)建表單數(shù)據(jù)對象
$.ajax({
url: 'upload.php', // 提交地址
type: 'POST', // 請求方式
data: formData, // 提交數(shù)據(jù)
success: function(data){
if(data.result == 'success'){ // 上傳成功
$('#upload-msg').html('上傳成功');
$('#upload-img').attr('src', data.img_url);
}else{ // 上傳失敗
$('#upload-msg').html(data.error_msg);
}
},
error: function(){
alert('上傳失敗,請稍后重試');
},
cache: false,
contentType: false,
processData: false
});
});
});

上述代碼中,我們通過jquery的ajax方法來提交圖片上傳的表單數(shù)據(jù)。其中,通過formData對象創(chuàng)建并獲取表單數(shù)據(jù),然后通過ajax方法提交給服務(wù)端。在成功或者失敗后,我們還可以根據(jù)返回的結(jié)果進(jìn)行相關(guān)提示或者處理。

除此之外,jquery還提供了很多方便的插件和函數(shù)庫,比如jquery-fileupload插件、unidragger函數(shù)、lazyload函數(shù)等等,這些都可以極大地提高我們的效率,簡化代碼等等。