第二次点击浏览器文件按钮时上传图片

但是，每当我点击第二次浏览器文件按钮时，它立即显示上传的图像。

守则如下：

<html> 
<head> 
</head> 
<body> 
    @Html.BeginForm() 
    { 
      <div> 
       <img id="UserImage" alt="Image Section" src="" style="width: 148px; height: 148px" /> 
       @Html.TextBoxFor(m => m.Image, new { @type = "file", @onclick = "ImageUploader(event)" }) 
      </div> 
    <div> 
     <input type="submit" /> 
    </div> 
    } 
    <script> 
     var ImageUploader = function (e) { 
      var input = e.target; 
      var reader = new FileReader(); 
      reader.readAsDataURL(input.files[0]); 
      reader.onload = function() { 
       var UIHTML = $('#UserImage')[0]; 
       UIHTML.src = reader.result; 
      } 
     } 
    </script> 
</body> 
</html>

来源

2016-11-22 Titti Towel

请任何机构帮助我了我的作业。我没有太多时间 –

你可以试试这个。 http://jsbin.com/uboqu3/1/edit?html,js输出 – ShreePool

尝试改变@onclick = "ImageUploader(event)"到@onchange = "ImageUploader(event)"

来源

2016-11-22 08:18:43

Alexandru-Ionut Mihai现在感谢您的支持 –

不客气！ –

@TittiTowel请参考：[如何接受答案工作？]（http://meta.stackexchange.com/a/5235/342092） –

第二次点击浏览器文件按钮时上传图片

回答

相关问题