jquery是一款非常流行的JavaScript庫,其具有兼容性、簡潔性和易用性的優點,如果需要在網站中實現圖片上傳的功能,就可以使用jquery來方便地處理相關操作。
$(document).ready(function(){ $('#upload-form').submit(function(e){ e.preventDefault(); // 阻止表單默認提交事件 var formData = new FormData(this); // 創建表單數據對象 $.ajax({ url: 'upload.php', // 提交地址 type: 'POST', // 請求方式 data: formData, // 提交數據 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方法來提交圖片上傳的表單數據。其中,通過formData對象創建并獲取表單數據,然后通過ajax方法提交給服務端。在成功或者失敗后,我們還可以根據返回的結果進行相關提示或者處理。
除此之外,jquery還提供了很多方便的插件和函數庫,比如jquery-fileupload插件、unidragger函數、lazyload函數等等,這些都可以極大地提高我們的效率,簡化代碼等等。
上一篇屬于css插入形式的
下一篇屬于css引入方式的是