h5上传视频文件

h5上传视频文件

从一开始我就掉坑里了，<input type="file" style="display: block;" id="img-upload" multiple accept="image/*" @change="selectImage"/>

刚开始使用的这个，发现拍不了视频，就各种找，找到了http://blog.csdn.net/c_kite/article/details/78536451

这个，然后就各种想怎么实现上传，因为这个html在浏览器上直接获取设想有拍摄的，又是各种找，找获取video数据传到后台的方式，找了很久，感觉自己快放弃的时候，吃一顿饭在午休的时候想到了

<input type="file" style="display: block;" id="img-upload" multiple accept="video/*" @change="selectImage"/>

然后下午试了，发现可以，然后就是上传的问题了，于是我使用了formdata,但是

var formData = new FormData()


                formData.append('file',document.getElementById("fileToUpload").files[0])
                console.log(form)
                

直接打印的formdata是{}空的，然后我就又怀疑自己是不是写错了，，，各种找，然后https://zhidao.baidu.com/question/307399095950834364.html就解决了。

还有我这个在webapp中，有兼容性的问题， 很多手机多部分不能调起这个摄像头。

所以，我对这个需求很绝望。还有就是2年多了我还是菜鸟，有点难受