Code前端首页关于Code前端联系我们

上传前图片预览【js实现】

terry 2年前 (2023-09-09) 阅读数 205 #Javascript

文章标签 JavaScript

此功能适合上传用户头像。在用户点击提交之前，将首先预览图像。

实现代码如下：

函数 readURL(输入) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    
    reader.onload = 函数 {
      $('https://www.pipipi.net/#blah').attr('src', e.target.result);
    }
    
    reader.readAsDataURL(input.files[0]);
  }
}

$("https://www.pipipi.net/#imgInp").replace(function() {
  读取网址（这个）；
});