這篇文章算是接上一篇,解決md5不一致之后就是上傳圖片,因為上傳圖片涉及跟圖片一起上傳的圖片信息,包括md5值,大小,圖片名稱等,所以除了提交圖片外還涉及信息上傳并獲取到上傳后返回的實際url地址信息等。先定義一個觸發函數,參數如下
再定義一個上傳函數,參數如下當obj為空字符串時表示調用函數直接上傳,如果有obj,當觸發點擊obj事件時觸發上傳,兩種情景分別對應點擊圖片后直接上傳需求和表單信息填寫完畢點擊提交后上傳圖片,并把提交信息寫到圖片上傳成功的回調函數里。在uploadAjax函數中,先創建一個formData對象,把要上傳的信息append進去,按后臺要的格式,把圖片信息拼接到params參數中,用jq的ajax提交后臺
用法實例代碼如下,此方法可實現上傳多個圖片,并且不止于圖片上傳