最近在用Angular2,需要有一個上傳文件的功能,但是又不想用庫,所以直接用原生的input file 標簽。
然后想獲取上傳的內容,于是先想了個愚蠢的方法,先通過id獲取到這個input標簽,然后再獲取其中上傳的內容
上傳文件的js獲取文件流。const uploadsFile = document.getElementById(name).files[0];
結果就報錯了。然后看提示說HTMLElement沒有files方法。于是在es6里找了下有files屬性的類型,是HTMLInputElement類型。于是就強制它轉換成這個類型。
const uploadsFile=document.getElementById(name).files[0];
angular form。結果還是不行,最后改成了先轉換類型再調用屬性就可以了。
const uploadsFile = document.getElementById(name);
const file = uploadsFile.files[0];
input file?后面發現這種方式好像有點愚蠢,于是換了一個方法,用angular2里的$event來獲取輸入內容,里面也包括選擇上傳的文件。
選擇的文件在event.target.files里
private getUpload(obj, e) {
文件上傳vue。if (e.target.files[0]) {
const file = e.target.files[0];
obj.file = file;
}
}
接著就可以把它放到formdata里了
const formData = new FormData();
formData.append('file', this.upload.file);
最后清空選擇上傳的內容可以用
let upload = document.querySelector(selectorName);
upload.value = null;
不知道有沒有更好的方法,歡迎討論和指正。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。
工作时间:8:00-18:00
客服电话
电子邮件
admin@qq.com
扫码二维码
获取最新动态