javascript - 使用 onchange 显示图像的名称 ="readURL(this);"

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 6 年前。

Improve this question

preventDefault()和onchange()一起不会显示图像文件名我需要做什么才能使其工作？我怎样才能摆脱preventDefault() ？

jQuery("#btn-Preview-Image").click(function(e) {
  e.preventDefault();
  renderContent();
  jQuery("#download").removeClass("disabled");
});


jQuery("#download").click(function(e) {
  e.preventDefault();
  return jQuery(this).hasClass("disabled");
});

输入onchange() :-

<input type="file"  name="file1" id="file1" onchange="readURL(this);"/> 

Answer 1

出于安全原因，浏览器不允许获取所选文件的原始路径。

您还可以获得什么，如下例所示:-

$('input[type=file]').change(function () {
   console.dir(this.files[0]);
   console.dir(this.files[0].name);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file"  name="file1" id="file1"/>