html - POST 文本数据作为表单中的文件

Question

是否可以从 html 表单中发布一些 XML 数据作为文件输入类型的字符串。

情况是我有一个像

这样的表格

form action="target.php" method="post" enctype="multipart/form-data">
   <input type="file" name="file" id="file"><br>
   <input type="submit" name="submit" value="Submit">
</form>

我的 javascript 代码中有一些 xml 数据作为字符串，我想从表单发送该字符串，就好像它是作为带有文件输入标签的文件上传一样

谢谢

Answer 1

如果您的浏览器支持XMLHttpRequest level 2和 html5 FileApi您可以执行以下操作

var xhr = new XMLHttpRequest;
var blob = new Blob([xmlString], {type:'text/xml'});
var data = new FormData();
data.append('file', blob, 'filename.xml');
xhr.open('POST',url, true);
xhr.send(data);

如果您的浏览器不支持这些 API，那么您将不得不手动构建您的帖子正文

var xhr = new XMLHttpRequest();
xhr.open('POST', url, true);
var boundary = '----'+(new Date()).getTime();
xhr.setRequestHeader('Content-Type', 'multipart/form-data; boundary='+boundary);
var data = ['--'+boundary,
    'Content-Disposition: form-data; name="file"; filename="filename.xml"',
    'Content-Type: text/xml','',xmlString,'--'+boundary+'--',''].join('\r\n');
xhr.send(data);