Element頁面內多個上傳元件 超時使用abort取消請求
看element文件可使用abort取消當前上傳圖片的請求,this.$ref.upload.abort()這種。
最近做公司後臺管理 頁面記憶體在多個上傳圖片的元件,但是可能會有上傳超時的情況,這時需要定位到是哪個存在超時情況,從而取消上傳.
<el-upload
class="avatar-uploader"
:action="apiurl"
:show-file-list="false"
:before-upload="function (file){return beforeUpload(file,'測試',this)}"
:on-success="handleAvatarSuccess"
>
<img v-if="imageUrl" :src="imageUrl" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
使用before-upload繫結函式,引數為程式碼內引數,這裡使用的this指向當前上傳圖片的元件,在函式裡接受到引數後可直接 引數.abort() 取消上傳。
相關文章
- uploadify 上傳頁面有個404請求
- 首頁父子組元件 ajax陣列請求各個頁面元件陣列
- webuploader在同頁面初始化多個上傳元件問題Web元件
- html頁面中如何傳送ajax請求HTML
- Vue +Element Ui 使用Upload元件實現多圖片上傳VueUI元件
- el-upload控制元件一次介面請求上傳多個檔案控制元件
- 傳送新請求,取消上一次pending狀態的同一請求
- 大請求、請求超時問題
- 實現傳送多個Ajax請求
- 用whistle實現Abort請求
- WebForm 頁面ajax 請求後臺頁面 方法WebORM
- 首頁 使用axios 傳送ajax請求iOS
- Vue + Element 自定義上傳封面元件Vue元件
- axios取消請求 CancelToken(如何使用)iOS
- .NET Core使用 CancellationToken 取消API請求API
- 網路請求(一般請求,上傳圖片,上傳視訊)
- GOLANG使用Context實現傳值、超時和取消GolangContext
- sendBeacon 重新整理/關閉頁面之前傳送請求
- 【面試】Web 頁面請求歷程面試Web
- 自定義處理頁面請求
- Flutter多個頁面廣播通知傳值Flutter
- Vue router 使用 History 模式導致頁面請求 404Vue模式
- 請問如何用struts上傳多個多個檔案??
- 鴻蒙HarmonyOS實戰-Web元件(請求響應和頁面除錯)鴻蒙Web元件除錯
- Oracle EBS提交過多請求批量取消的方法Oracle
- 網路請求優化之取消請求優化
- Web Beacon 重新整理/關閉頁面之前傳送請求Web
- 淺談如何在專案中處理頁面中的多個網路請求
- 請問取消一個框架頁面中的框架的URL該如何寫?框架
- 前端進階(2)使用fetch/axios時, 如何取消http請求前端iOSHTTP
- JQuery使用deferreds序列多個ajax請求jQuery
- 封裝Vue Element的upload上傳元件封裝Vue元件
- 035.Vue3入門,使用具名插槽Slot中,同時顯示主頁面和多個插槽頁面內容Vue
- 取消Fetch API請求API
- ajax上傳檔案的請求
- element對上傳元件二次封裝,vue上傳下載元件的實現元件封裝Vue
- Vue元件化時使用axios處理ajax請求的使用Vue元件化iOS
- HttpWebRequest多執行緒效能問題,請求超時的錯誤HTTPWeb執行緒