博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现上传图片前预览效果
阅读量:4029 次
发布时间:2019-05-24

本文共 338 字,大约阅读时间需要 1 分钟。

 

$(function() {

    $("#file").change(function() {
        var formData = new FormData();
        console.log($(this)[0].files)

      formData.append("multiFile", $(this)[0].files[0]) //这句是为了后续把文件上传到后台

   var reader = new FileReader();//创建文件读写

        reader.readAsDataURL($(this)[0].files[0])

      reader.onload = function() {

            $("#img").attr("src", reader.result);
        }
     
    })
})

具体效果如下:

 

 

转载地址:http://aovbi.baihongyu.com/

你可能感兴趣的文章
java反编译命令
查看>>
activemq依赖包获取
查看>>
概念区别
查看>>
关于静态块、静态属性、构造块、构造方法的执行顺序
查看>>
final 的作用
查看>>
在Idea中使用Eclipse编译器
查看>>
idea讲web项目部署到tomcat,热部署
查看>>
优化IDEA启动速度,快了好多。后面有什么优化点,会继续往里面添加
查看>>
JMeter 保持sessionId
查看>>
IDEA Properties中文unicode转码问题
查看>>
Idea下安装Lombok插件
查看>>
zookeeper
查看>>
Idea导入的工程看不到src等代码
查看>>
技术栈
查看>>
Jenkins中shell-script执行报错sh: line 2: npm: command not found
查看>>
8.X版本的node打包时,gulp命令报错 require.extensions.hasownproperty
查看>>
Jenkins 启动命令
查看>>
Maven项目版本继承 – 我必须指定父版本?
查看>>
Maven跳过单元测试的两种方式
查看>>
通过C++反射实现C++与任意脚本(lua、js等)的交互(二)
查看>>