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'
}
})
}
}
相關文章
- 通過反射獲取上傳檔案方法引數中的檔名反射
- 獲取上傳檔案的大小
- 通過RMAN-transport獲取傳輸表空間檔案
- dom元素操作獲取等
- Laravel file 上傳檔案資訊獲取Laravel
- laravel file上傳檔案資訊獲取Laravel
- 通過web url獲取檔案資訊Web
- Qt通過Http上傳檔案(路過)QTHTTP
- JavaScript 通過class獲取元素物件JavaScript物件
- PHP如何通過CURL上傳檔案PHP
- 通過配置檔案(.htaccess)實現檔案上傳
- struts檔案上傳,獲取檔名和檔案型別型別
- js通過元素的class屬性獲取元素JS
- Node.js:上傳檔案,服務端如何獲取檔案上傳進度Node.js服務端
- laravel 使用 axios 通過 put 上傳檔案獲取不到資料的解決辦法LaraveliOS
- jftp通過sftp協議上傳檔案FTP協議
- Windows 機器通過 FTP 上傳檔案WindowsFTP
- 在php中通過curl上傳檔案PHP
- php通過ftp協議上傳檔案PHPFTP協議
- ajax上傳檔案,spring mvc獲取檔案並處理,通過頁面按鈕傳送url,由後臺控制檔案下載SpringMVC
- vue中檔案上傳阿里雲並獲取上傳進度Vue阿里
- Laravel 檔案上傳和獲取請求引數Laravel
- input[type=file] 獲取上傳檔案的內容
- 使用RequestParam或HttpServletRequest獲取上傳的檔案HTTPServlet
- FileUpload 上傳的檔案獲取相對路徑
- C#中通過API呼叫獲取檔案圖示C#API
- jQuery捕獲-獲取DOM元素內容和屬性jQuery
- 原生javascript獲取dom元素簡單介紹JavaScript
- JavaScript 通過 type 屬性值獲取表單元素JavaScript
- javascript通過class屬性獲取元素的程式碼JavaScript
- git上傳過濾檔案Git
- 獲取或操作DOM元素特性的幾種方式
- JavaScript獲取HTML DOM節點元素詳解(轉)JavaScriptHTML
- 定義樣式並獲取上傳檔案路徑及指定檔案型別型別
- JavaScript獲取上一個元素JavaScript
- jQuery獲取上一個元素jQuery
- JAVA通過URL連結獲取視訊檔案資訊(無需下載檔案)Java
- ajax利用FormData、FileReader實現多檔案上傳php獲取ORMPHP