您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

JavaScript上载图像之前预览图像

JavaScript上载图像之前预览图像

请看下面的示例代码

function readURL(input) {

  if (input.files && input.files[0]) {

    var reader = new FileReader();



    reader.onload = function(e) {

      $('#blah').attr('src', e.target.result);

    }



    reader.readAsDataURL(input.files[0]); // convert to base64 string

  }

}



$("#imgInp").change(function() {

  readURL(this);

});


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form runat="server">

  <input type='file' id="imgInp" />

  <img id="blah" src="#" alt="your image" />

</form>
javascript 2022/1/1 18:13:58 有481人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶