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ù)等等,這些都可以極大地提高我們的效率,簡化代碼等等。
上一篇屬于css插入形式的
下一篇屬于css引入方式的是