javascript里面需要上传视频,如何做到本地预览视频

JavaScript018

javascript里面需要上传视频,如何做到本地预览视频,第1张

<input type="file" accept="video/*" onChange={this.previewVideo} />

<video id="myVideo" autoPlay width="300" />

使用FileReader读取转为Data URL:

previewVideo = (file) => {

    // 建议判断下视频大小及格式,太大的可能会有问题

    const reader = new FileReader()

    reader.onload = (evt) => {

      const myVideo = document.querySelector("#myVideo")

      myVideo.src = evt.target.result

    }

    reader.readAsDataURL(file)

}

你好 HTML5和javascript是不能压缩视频的,只能把视频传到服务器端,由后端来压缩视频,也不能控制相机的拍摄质量,除非你用JAVA写Android客户端才可以压缩。希望我的回答能够帮助到你,如果还有什么疑问可以继续追问。

var filePath=document.getElementById("上传控件id").value

var fileType=filePath.substr(filePath.lastIndexOf("\.")).toLowerCase()

fileType这个是获取上传文件类型,大小,可以直接获取这个对象,获取.fileSize属性除去1024就是大小