进行图片重新上传时出现的问题

[hikankan]

HTML部分

<form method="post" action="http://localhost:5000/up_photo"enctype="multipart/form-data" class="sigma_btn light ml-4">
   <div class="button">选择文件
       <input type="file"size="30"name="photo"class="file"onchange="getImgURL(this)" />    
   </div>
      <input type="submit" value="上传CT影像" class="button-new subbtn"/>
</form>

JS部分

 var flag = false;
     function getImgURL(node) {
         flag = !flag;
         var path = $("input:file").val();
         var name = $('input:file').attr("name");//获取name值
         var ps = path.split("\\");
         var filename = ps[ps.length - 1]+'<span><img src="assets/image/叉号.png" alt=""></span>';
         console.log(filename)
         var btnbox = $(".button");
         btnbox.html(filename);
         if(flag){//内容还原
         btnbox.click(function(){
            var inpHtml = '选择文件'+'<input type="file" size="30" name="photo"accept="image/png,image/gif,image/jpg" class="file" onchange="getImgURL(this)" />'                      
            btnbox.html(inpHtml)         
            flag = !flag;   
})}
        }

最开始展示为:

选择文件后为：

点击叉取消所选时为：

重选后为：

为什么会出现这种情况？？？

 

[CSDN-Ada助手]

您可以前往 CSDN问答-编程语言 发布问题, 以便更快地解决您的疑问