js上传图片回显

简介: $("#file01").change(function(){ var objUrl = getObjectURL(this.files[0]) ; console.
 $("#file01").change(function(){
            var objUrl = getObjectURL(this.files[0]) ;
            console.log("objUrl = "+objUrl) ;
            if (objUrl) 
            {
              $("#img01").attr("src", objUrl);
    
            }
          }) ;
//建立一個可存取到該file的url function getObjectURL(file) { var url = null ; if (window.createObjectURL!=undefined) { // basic url = window.createObjectURL(file) ; } else if (window.URL!=undefined) { // mozilla(firefox) url = window.URL.createObjectURL(file) ; } else if (window.webkitURL!=undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(file) ; } return url ; }

 

目录
相关文章
|
7月前
|
JavaScript
vue.js+ jquery上传图片并回显
vue.js+ jquery上传图片并回显
|
JavaScript
js上传图片本地预览(整理)
js上传图片本地预览(整理)
|
7月前
|
JavaScript 前端开发
js的input标签上传图片并转为base64预览
js的input标签上传图片并转为base64预览
124 0
|
JSON 前端开发 API
layui框架实战案例(8):web图片裁切插件croppers.js组件实现上传图片的自定义截取(含php后端)
layui框架实战案例(8):web图片裁切插件croppers.js组件实现上传图片的自定义截取(含php后端)
575 0
|
JavaScript
js实现简单上传图片
js实现简单上传图片
|
JavaScript 对象存储
阿里云 OSS 如何通过 Node.js 上传图片 #49
阿里云 OSS 如何通过 Node.js 上传图片 #49
377 0
|
JavaScript 前端开发 Java
|
移动开发 JSON JavaScript
AngularJs异步上传图片,并获取图片地址(JS service层)
anjularjs对于post和get请求默认的Content-Type header 是application/json。通过设置‘Content-Type’: undefined,这样浏览器会把Content-Type 设置为 multipart/form-data.
124 0
AngularJs异步上传图片,并获取图片地址(JS service层)
|
存储 中间件 数据库
【Node.js+koa--后端管理系统】上传图片 、动态配图 | 处理图片大小
【Node.js+koa--后端管理系统】上传图片 、动态配图 | 处理图片大小
220 0
【Node.js+koa--后端管理系统】上传图片 、动态配图 | 处理图片大小
|
前端开发 JavaScript