大米CMS官网论坛,大米站长联盟,大米站长之家,大米开发者社区

 找回密码
 注册大米会员

QQ登录

只需一步,快速开始

查看: 2372|回复: 1

chrome file选择文件路径显示c:\fakepath\文件名的解决

[复制链接]

366

主题

625

帖子

5078

积分

超级版主

Rank: 8Rank: 8

积分
5078

授权用户

发表于 2016-11-22 22:18:11 | 显示全部楼层 |阅读模式
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4.   <title> New Document </title>
  5.   <meta name="Generator" content="EditPlus">
  6.   <meta name="Author" content="">
  7.   <meta name="Keywords" content="">
  8.   <meta name="Description" content="">
  9.   <script src="jquery-1.3.2-min.js"></script>
  10.   <script type="text/javascript">
  11.         $(function(){
  12.                 var path,clip = $("#image"),FileReader = window.FileReader;
  13.                 $("#file").change(function() {
  14.                         if (FileReader) {//chrome浏览器处理
  15.                                 var reader = new FileReader(),
  16.                                         file = this.files[0];
  17.                                 reader.onload = function(e) {
  18.                                         clip.attr("src", e.target.result);//这里是把图片转成64位数据存入<img>中的src里
  19.                                 };
  20.                                 reader.readAsDataURL(file);
  21.                                 //这里需要延迟一下,否则无法放入文本框内
  22.                                 setTimeout("showchange()",1000);
  23.                         }
  24.                         else {//其他浏览器处理,火狐在这里就不写出来了,网上资料很多
  25.                                 path = $(this).val();
  26.                                 if (/"\w\W"/.test(path)) {
  27.                                         path = path.slice(1,-1);
  28.                                 }
  29.                                 clip.attr("src",path);
  30.                         }
  31.                 });
  32.                
  33.         })
  34.         //存入照片数据
  35.         function showchange(){
  36.                         var s1 = $("#image").attr("src");
  37.                         $("#files").val(s1);
  38.         }
  39. </script>
  40. </head>

  41. <body>
  42.   照片
  43.   <img id="image" src="" width="200" height="200"/><br/>
  44.   <input type="file" id="file" accept="image/gif,image/jpeg,image/jpg"><br/>
  45.    选择照片后存入64位照片数据<br/>
  46.   <textarea rows="10" cols="120" id="files"></textarea>
  47.   data:image/jpeg;base64,<br/>
  48.   data:图片格式;<br/>
  49.   base64:64位;<br/>
  50.   ","后面就是64位图片数据格式,传入后台转成2进制就可以写入图片了
  51. </body>
  52. </html>
复制代码


chrome_uokaid.rar

19.84 KB, 下载次数: 2

回复

使用道具 举报

1

主题

4

帖子

15

积分

禁止访问

积分
15
发表于 2017-6-2 16:03:42 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
新人不懂,多多照看
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册大米会员

本版积分规则

QQ|小黑屋|大米CMS社区 ( 蜀ICP备11002200号-2广告联系:广告联系 

Powered by 大米CMS

© 2010-2020 大米CMS Inc.

快速回复 返回顶部 返回列表