Question

用html, css, javascript ，怎么让用户要么选择上传自己的图片，要不选择在网页出给出的图片？详情见下

现在我做的一个网页上需要用户选择图片。用户有两种选择：（1）上传自己的图片 （2）用户可以选择网页上给出的图片。用户必须要选择一种，而且只能选择一种。现在我遇到了下面的问题：比如说 用户上传完自己图片后，改变主意，选择了网页上的图片，然后又改变主意，想选择自己刚上传的图片。因为用户之前上传过这个图片了，所以当他/她再次上传时，图片路径不变，就没有触发change 函数，所以cusInput也就没变 （cusInput就是指图片的路径或者url），cusInput仍然是网页上图片的路径，那么用户无法使用自己的图片了。怎么解决这一问题呢？图片从左到右依次是：让用户上传自己图片的前端；选择网页上图片的前端；获取用户自己图片的url （change 函数）； 获取网页上图片的路径；网页各位大神看可能否用html, css, javascript解决这个问题？不可以的话，用其他的语言也可以谢谢！！！





Answer 1

可以给文件上传控件再添加一个onclick事件啊，当点击这个input时，把myimg的src赋值给cusInput，然后当onchange事件发生再把上传后的图片地址赋值给cusInput，这样的话即使因为图片路径相同未触发onchange事件，但onclick事件仍然发生了啊，cusInput仍然保留了上一次上传的图片路径：

<input type="file" name="pic" onchange="change(event)" onclick="cusInput=document.getElementById('myimg').src">