现在我做的一个网页上需要用户选择图片。用户有两种选择:(1)上传自己的图片 (2)用户可以选择网页上给出的图片。用户必须要选择一种,而且只能选择一种。现在我遇到了下面的问题:比如说 用户上传完自己图片后,改变主意,选择了网页上的图片,然后又改变主意,想选择自己刚上传的图片。因为用户之前上传过这个图片了,所以当他/她再次上传时,图片路径不变,就没有触发change 函数,所以cusInput也就没变 (cusInput就是指图片的路径或者url),cusInput仍然是网页上图片的路径,那么用户无法使用自己的图片了。怎么解决这一问题呢?图片从左到右依次是:让用户上传自己图片的前端;选择网页上图片的前端;获取用户自己图片的url (change 函数); 获取网页上图片的路径;网页各位大神看可能否用html, css, javascript解决这个问题?不可以的话,用其他的语言也可以谢谢!!!
可以给文件上传控件再添加一个onclick事件啊,当点击这个input时,把myimg的src赋值给cusInput,然后当onchange事件发生再把上传后的图片地址赋值给cusInput,这样的话即使因为图片路径相同未触发onchange事件,但onclick事件仍然发生了啊,cusInput仍然保留了上一次上传的图片路径:
<input type="file" name="pic" onchange="change(event)" onclick="cusInput=document.getElementById('myimg').src">