vue+axio通過獲取dom元素上傳檔案
參考了部落格vue+axios上傳檔案中的單獨上傳檔案
。
但是不想選擇檔案之後就直接上傳,就改寫了檔案的獲取方式,通過document
先獲取檔案,點選之後再上傳:
<input type="file" id="blog" placeholder="選擇檔案"/>
<button @click="uploadBlog">上傳部落格</button>
methods: {
uploadBlog: function () {
let file = document.getElementById('blog').files[0]
let param = new FormData()
param.append('any', file)
console.log(param.get('any'))
this.$axios.post('/api/blog/blog/UploadFile3', param, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
}
}
相關文章
- 通過反射獲取上傳檔案方法引數中的檔名反射
- dom元素操作獲取等
- JavaScript 通過class獲取元素物件JavaScript物件
- 通過web url獲取檔案資訊Web
- 通過配置檔案(.htaccess)實現檔案上傳
- laravel 使用 axios 通過 put 上傳檔案獲取不到資料的解決辦法LaraveliOS
- Laravel file 上傳檔案資訊獲取Laravel
- laravel file上傳檔案資訊獲取Laravel
- ajax上傳檔案,spring mvc獲取檔案並處理,通過頁面按鈕傳送url,由後臺控制檔案下載SpringMVC
- jftp通過sftp協議上傳檔案FTP協議
- Windows 機器通過 FTP 上傳檔案WindowsFTP
- vue中檔案上傳阿里雲並獲取上傳進度Vue阿里
- 使用RequestParam或HttpServletRequest獲取上傳的檔案HTTPServlet
- input[type=file] 獲取上傳檔案的內容
- Laravel 檔案上傳和獲取請求引數Laravel
- FileUpload 上傳的檔案獲取相對路徑
- jQuery捕獲-獲取DOM元素內容和屬性jQuery
- SpringMVC 通過commons-fileupload實現檔案上傳SpringMVC
- git上傳過濾檔案Git
- 獲取或操作DOM元素特性的幾種方式
- springCloud 微服務通過minio實現檔案上傳和檔案下載介面SpringGCCloud微服務
- JAVA通過URL連結獲取視訊檔案資訊(無需下載檔案)Java
- [譯] 使用 closest() 函式獲取正確的 DOM 元素函式
- Android 傳送HTTP GET POST 請求以及通過 MultipartEntityBuilder 上傳檔案(二)AndroidHTTPUI
- flutter 總結: 通過 GlobalKey 獲取介面任意元素座標尺寸Flutter
- vue1和vue2獲取dom元素的方法Vue
- 檔案上傳漏洞(繞過姿勢)
- 通過可寫檔案獲取 Linux root 許可權的 5 種方法Linux
- php如何上傳txt檔案,並且讀取txt檔案PHP
- 09-XSS鍵盤監聽、cookie竊取&檔案上傳繞過Cookie
- 單個檔案上傳和批量檔案上傳
- 如何獲取HDFS上檔案的儲存位置
- 通過用shellcode獲取shell
- 檔案上傳
- 文字檔案上傳漏洞[任意.繞過.解析]
- 使用magicAPI對接python 檔案,上傳引數獲取不到回參問題APIPython
- 檔案上傳漏洞&靶場通關詳解
- Java大檔案上傳、分片上傳、多檔案上傳、斷點續傳、上傳檔案minio、分片上傳minio等解決方案Java斷點