js文件上传fileupload（JavaScript 文件上传）
导读：一、普通文件上传...
一 、普通文件上传
JavaScript 可以使用表单提交来实现文件上传 。首先 ，在 HTML 中创建一个文件输入框：
<input type="file" id="fileInput">然后 ，在 JavaScript 中获取文件输入框的引用 ，并在其上设置事件监听器 ，如下所示：
var fileInput = document.getElementById(fileInput); fileInput.addEventListener(change, function () { // 在这里处理选择的文件 });在事件监听器中 ，可以使用 fileInput.files[0] 属性获取选择的文件 ，然后对文件进行处理 。
接下来可以使用 XMLHttpRequest 或 fetch API 来上传文件 。
使用 XMLHttpRequest：
var file = fileInput.files[0]; var formData = new FormData(); formData.append(file, file); var xhr = new XMLHttpRequest(); xhr.open(POST, url, true); xhr.onload = function () { if (xhr.status === 200) { console.log(upload success); } }; xhr.send(formData);使用 fetch：
var file = fileInput.files[0]; var formData = new FormData(); formData.append(file, file); fetch(url, { method: POST, body: formData }).then(response => { if (response.ok) { console.log(upload success); } });
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！