Bootstrap與fileinput-js實作的FormData圖片上傳插件
這是一款基於Bootstrap和fileinput.js實現的FormData圖片上傳插件,還可以即時預覽。
js程式碼
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-fileinput.js"></script>
<script type="text/javascript">
$(function () {
//較簡潔,細部可自行完善
#
$('#uploadSubmit').click(function () {
var data = new FormData($('#uploadForm')[0]);
$.ajax({
url: 'xxx/xxx',
type: 'POST',
data: data,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (data) {
console.log(data);
if(data.status){
console.log('upload success');
}else{
console.log(data.message);
}
},
error: function (data) {
console.log(data.status);
}
});
});
})
</script>
本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性!本站所有資源僅供學習參考。請不要將它們用於商業目的。否則,一切後果都由您負責!如有侵權,請聯絡我們刪除。聯絡方式:admin@php.cn
相關文章
16 May 2016
這篇文章主要介紹了jQuery實現圖片上傳和裁剪插件Croppie,實現最常見的各用戶系統要求用戶上傳和裁剪頭像的應用,有興趣的小伙伴們可以參考一下
14 Aug 2018
這篇文章帶給大家的內容是關於js如何實現一張圖片的壓縮與上傳(附程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
16 May 2016
焦點圖顯示區域有固定的寬度,當前顯示寬度之外是一個半透明層顯示的其它的焦點圖片,最好的是,此特效兼容ie6以及其它瀏覽器。
21 Oct 2023
CSS動畫教學:手把手教你實現脈衝特效,需要具體程式碼範例引言:CSS動畫是網頁設計中常用的一種效果,它可以為網頁增添活力和視覺吸引力。本篇文章將帶您深入了解如何利用CSS實現脈衝特效,並提供具體的程式碼範例教您一步步完成。一、了解脈衝特效脈衝特效是一種循環變化的動畫效果,通常用在按鈕、圖示或其他元素上,使其呈現出一種跳動、閃爍的效果。透過CSS的動畫屬性和關鍵
18 Mar 2024
C語言的特徵及應用領域作為一種廣泛應用的電腦程式語言,C語言具有獨特的特點使其成為程式設計師的首選。本文將詳細探討C語言的特點,以及它在各個應用領域中的具體應用,並給出對應的程式碼範例。一、C語言的特色簡潔高效:C語言以其簡潔而有效率的特質廣受認可。它的語法結構清晰簡潔,使得程式設計師能夠用較少的程式碼實現複雜的功能。同時,C語言的執行效率高,可以快速完成任務
Hot tools Tags
Hot Tools
jQuery+Html5實作唯美表白動畫程式碼
jQuery+Html5實作唯美表白動畫程式碼,動畫效果很棒,程式設計師表白必備!
情侶浪漫表白js特效程式碼
情侶浪漫表白js特效程式碼,這樣的特效,可以用在婚禮攝影的網站上,也可以放在個人網站中,也還一個不錯的特效,php中文網推薦下載!
簡單js戀愛表白神器
簡單原生js戀愛表白神器
碉堡的html5粒子動畫表白特效
碉堡的html5粒子動畫表白特效程式碼,動畫特效文字可以在程式碼裡面進行更改,大家可以做個頁面,大家可以自訂文字的輸入是應該是非常受歡迎的,此HTML5特效非常美的。
jQuery響應式後台登入介面模板
jQuery響應式後台登入介面範本html源碼,登入頁面透過jquery來驗證表單,判斷使用者名稱和密碼是否符合要求,通常登入頁面在企業網站或商城網站都是必須要用到的頁面,響應式的後台頁面,當瀏覽器放大或縮小,背景會根據瀏覽器來調整圖片的大小! php中文網推薦下載!