webjs--获取上传图片的缓存路径展示在页面上
来源:互联网 发布:淘宝客服忙吗 编辑:程序博客网 时间:2024/06/03 00:04
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div class="ge_pic_icon_Infor"> <img src="images/moren.jpg"/></div><div class="Infor_file"> <input type="file" name="uploadPicture" id="file" value="" title="上传照片" onchange="getPhoto(this)"/></div><script src="javascript/jquery-1.12.1.js"></script><script type="text/javascript"> var imgurl = ""; var cd=document.getElementById("file"); function getPhoto(node) { console.dir(node) var imgURL = ""; try{ var file = null; if(node.files && node.files[0] ){ file = node.files[0]; console.dir(file); }else if(node.files && node.files.item(0)) { file = node.files.item(0); } //Firefox 因安全性问题已无法直接通过input[file].value 获取完整的文件路径 try{ imgURL = file.getAsDataURL(); console.log(imgURL) }catch(e){ imgRUL = window.URL.createObjectURL(file); //好像这一步比较重要 } }catch(e){ if (node.files && node.files[0]) { var reader = new FileReader(); reader.onload = function (e) { imgURL = e.target.result; }; reader.readAsDataURL(node.files[0]); } } creatImg(imgRUL); return imgURL; } function creatImg(imgRUL){ var textHtml = "<img src='"+imgRUL+"'width='414px' height='600px'/>"; $(".ge_pic_icon_Infor").html(textHtml); }</script></body></html>
阅读全文
0 0
- webjs--获取上传图片的缓存路径展示在页面上
- 获取本地图片展示在页面上
- 使用weblogic的虚拟路径virtual-directory-mapping 在页面上展示文件服务器上的图片
- webjs--实现多图片的上传
- webjs--获取上传文件的进度
- 页面中在上传之前获取上传文件的路径(例子:获取上传图片的路径,获得上传图片的大小:长度和宽度)
- 页面中在上传之前获取上传文件的路径(例子:获取上传图片的路径,获得上传图片的大小:长度和宽度)
- 将图片缓存sdCard上,展示页面并删…
- jsp/html页面图片上传并展示上传的图片
- Spring mvc多图片上传然后在页面展示
- 一个实现图片上传/产生缩略图/在上传图片上写字功能的完整页面代码
- kendoGrid 获取后台返回的json数据并展示在页面上
- laravel上传图片调用接口,使用formData 上传图片 展示在本页面
- webview中图片的获取、保存、展示、缓存处理
- 获取页面图片路径
- 获取上传图片的路径、名字
- 实现文件上传功能,并在页面上显示上传的图片
- 图片上传提交前,图片显示在页面上
- 浅谈Java中的equals和==
- 65_常用类_Date类的使用_JDk源码分析
- 32位Linux系统虚拟地址映射
- 欢迎使用CSDN-markdown编辑器
- Spdylay
- webjs--获取上传图片的缓存路径展示在页面上
- sync fence 软件接口-------------sw_sync_timeline和sw_sync_pt
- 【Java】Java中Integer和int比较大小出现的错误
- 好的学习资源网站
- 反射的代码
- 二维数组操作
- 好吧,第一篇博文,盖个章,留个印
- 欢迎使用CSDN-markdown编辑器
- 剑指offer:第44题扑克牌的顺子