标签：html javascript html5 file-upload fileapi

我正在尝试将文件上传到浏览器并使用JavaScript访问它.这可能吗？我环顾四周,似乎你可以使用闪光灯完成这个任务.我试图看看是否有HTML5 /纯JavaScript解决方案.

我正在尝试上传CSV文件(每行包含一个可能的数据库条目)并使用javascript动态验证它.如果它通过验证,那么我将向服务器发送POST以创建项目.

解决方法:

这个有可能. MDN offers a detailed explanation on this.

以下是使用FileReader API读取文本文件的基本方法：
http://jsfiddle.net/tGpDG/

<input type="file" id="file_upload">
<script>
var input_file = document.getElementById('file_upload');
input_file.onchange = function() {
    var file = this.files[0];
    // Do something with the FileReader object
    var reader = new FileReader();  
    reader.onload = function(ev) {
        // Show content  (ev.target === reader)
        alert(ev.target.result);
    };
    // Read as plain text
    reader.readAsText(file);  
};
</script>

标签：html,javascript,html5,file-upload,fileapi
来源： https://codeday.me/bug/20190726/1538980.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。