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

JavaScript027

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就是大小