jq生成缩略图fileReader

GG_lyf

关注

阅读 80

2022-03-30

<!-- html代码 -->
<input type="file" name="file" id="upload" />
  • JavaScript生成缩略图可以使用html5内置对象fileReader
    //input发生改变
    $("#upload").change(function(){
      //初始化fileReader对象
      fileReader = new FileReader();
      //读取上传文件
      fileReader.readAsDataURL($(this)[0].files[0]);
       fileReader.onload = function(){
             //图片缩略图路径
             src = this.result;
       }
    })

精彩评论(0)

0 0 举报