[英]uploading pdf/doc etc and sending data to the server in request - Javascript
I need to upload pdf,excelsheets,doc. 我需要上传pdf,excelsheets,doc。 etc format to server - data in request file using simple Javascript.
等格式到服务器-使用简单的Javascript将请求文件中的数据。 I was thinking to do with Blob , byte stream .. is it possible.
我当时想和Blob一起做,字节流..是否可能。 Can someone explain ?
有人可以解释吗?
Using vanilla Javascript you can create an XMLHTTPRequest object and send the file to any endpoint of your choice. 使用香草Javascript,您可以创建XMLHTTPRequest对象,并将文件发送到您选择的任何端点。
Some questions to consider when you are working doing this: 在执行此操作时要考虑的一些问题:
input
form with the multiple
attribute set. multiple
属性的HTML5 input
表单)。 Make sure your project allows support for it . request
object? request
对象? Something similar? id
below. id
的html属性的示例。 file input that allows multiple file support 允许多个文件支持的文件输入
<input type='file' id='multiple-file-input' multiple>
javascript example javascript示例
// idElementForFiles - id of the <input type="file" multiple>
// endpoint - URL to send your request to
var idElementForFiles = 'multiple-file-input';
var endpoint = '/path_to_server/request';
var formdata = new FormData(); // Create FormData
var uploadedFiles = document.getElementById(idElementForFiles); // set our uploadedFiles variable
// Iterate through each file in uploadedFiles
for (i = 0; i < uploadedFiles.files.length; i++) {
// Appending each file to FormData object
// sending to 'endpoint' as an array of {'name_of_file': 'binary_file_data'}
formdata.append(uploadedFiles.files[i].name, uploadedFiles.files[i]);
}
// create new Ajax call and send
var xhr = new XMLHttpRequest();
xhr.open('POST', endpoint);
xhr.send(formdata);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr); // log response object
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.