Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何上传我们在DOM上打印的图像?_Javascript_Jquery - Fatal编程技术网

Javascript 如何上传我们在DOM上打印的图像?

Javascript 如何上传我们在DOM上打印的图像?,javascript,jquery,Javascript,Jquery,我正在通过url上传图片,我已经看过了。 我通过自定义搜索从google图像中读取图像并将其打印到DOM上,我希望能够选择我看到的图像并将其设置为值或其他内容,以便能够将其上载到我的服务器上 我得到的html dom是: <button type="button"> <img src="http://img.jpg"> </button> <button type="button"> <img src="http://img2.jpg

我正在通过url上传图片,我已经看过了。 我通过自定义搜索从google图像中读取图像并将其打印到DOM上,我希望能够选择我看到的图像并将其设置为值或其他内容,以便能够将其上载到我的服务器上

我得到的html dom是:

<button type="button">
  <img src="http://img.jpg">
</button>
<button type="button">
  <img src="http://img2.jpg">
</button>
<button type="button">
  <img src="http://img3.jpg">
</button>

  Select images: <input type="file" name="img" multiple>
  <input type="submit">

选择图像:

单击img按钮并将其设置为要上载的文件如何?发送整个页面的PHP部分很好。

您实际上没有上载图像文件,因为它们位于另一台服务器上

在页面上显示图像后,必须实现客户端选择逻辑并将图像URL保存到数组或隐藏的输入字段,这取决于是否要使用ajax或常规回发将其保存到服务器上

下面是如何选择图像并将其存储到数组或其他内容中的javascript:

$(函数(){
var-imageurl=[];
$(“.imageContainer img”)。在(“单击”,函数(){
var$img=$(本);
var url=$img.attr(“src”);
var index=imageURL.indexOf(url);
如果(索引==-1){
推送(url);
$img.addClass(“选定”);
}否则{
拼接(索引,1);
$img.removeClass(“选定”);
}
console.dir(JSON.stringify(imageURL));
})
});
div{
边缘顶部:60像素;
}
img{
高度:80px;
}
.选定{
边框:3倍纯绿;
}

JS-Bin

@rob.m提到服务器端实现是PHPUps…:D,你是对的,他应该使用php等价物然后:OAnyways,他必须通过javascript收集客户端的url并将url发送到服务器。他已经知道,如何用php在服务器端实现。@RehbanKhatri,已更新,如果缺少某些内容,请随意要求更多。。你不能,这不可能,你只能阅读它