将来自网络的图像放在<input type =“ hidden” />上

时间:2019-01-29 02:59:20

标签: javascript html forms input xmlhttprequest

我需要的形式发送一个特定的图像。我的意思是,没有一个文件选择器。我需要使用一个隐藏输入保存像example.com/myimage.jpg的图像,并将其发送到窗体像任何其他文件。我不能改变后端。

var img = new XMLHttpRequest();
img.open("get","favicon.ico",false);
img.send();
document.getElementsByName("image")[0].value=img.response;
//This doesn't work
//The image isn't handle like it does with other files
<form method="POST" enctype="multipart/form-data">
<input name="image" type="hidden" value="IMAGE-HERE">
<input type="submit" value="submit">
</form>

2 个答案:

答案 0 :(得分:0)

在隐藏输入类型的情况下,您可以传递诸如名称,年龄或URL之类的字符串之类的数据。但是,要上传文件,您可以尝试使用的是

<input type="file" name"image" id="image" />

然后按照您的风格尝试隐藏图像

#image{
visibility : hidden;
}

答案 1 :(得分:0)

好像您的问题已被Twilio Sync

回答

过去无法通过编程方式设置文件输入值,但现在是here