Javascript 如何上传我们在DOM上打印的图像?
我正在通过url上传图片,我已经看过了。 我通过自定义搜索从google图像中读取图像并将其打印到DOM上,我希望能够选择我看到的图像并将其设置为值或其他内容,以便能够将其上载到我的服务器上 我得到的html 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
<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,已更新,如果缺少某些内容,请随意要求更多。。你不能,这不可能,你只能阅读它