在实际开发中,我们有时需要开发一些上传文件的功能,本地文件如何上传?这可能是困扰很多开发人员的一个小问题。
现在,我们就用一个input file来解决这个小问题。
我们在页面可能先用这个定义一个上传文件的按钮, 后面怎么优化就看你们的业务要求了。
接下来就是核心的JavaScript环节了,我们这里以图片举例。
//我们可以看到这里打印的是一个数组文件 //由于我们只是举例说明 因此这里就只获取第一个就行了 //我们可以看到文件转为Base64后的格式下面的就是图片转化后的base64,可以将其放在浏览器的搜索框中打开。
常见的base转化后的头部
我们获取到转化后的base64了就可以通过以post的方式传递给后端服务了。至此本地的文件上传功能就可以轻松实现了。
- readyState;//返回音频/视频的当前就绪状态