大米CMS官网论坛,大米站长联盟,大米站长之家,大米开发者社区
标题:
chrome file选择文件路径显示c:\fakepath\文件名的解决
[打印本页]
作者:
追影
时间:
2016-11-22 22:18
标题:
chrome file选择文件路径显示c:\fakepath\文件名的解决
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="jquery-1.3.2-min.js"></script>
<script type="text/javascript">
$(function(){
var path,clip = $("#image"),FileReader = window.FileReader;
$("#file").change(function() {
if (FileReader) {//chrome浏览器处理
var reader = new FileReader(),
file = this.files[0];
reader.onload = function(e) {
clip.attr("src", e.target.result);//这里是把图片转成64位数据存入<img>中的src里
};
reader.readAsDataURL(file);
//这里需要延迟一下,否则无法放入文本框内
setTimeout("showchange()",1000);
}
else {//其他浏览器处理,火狐在这里就不写出来了,网上资料很多
path = $(this).val();
if (/"\w\W"/.test(path)) {
path = path.slice(1,-1);
}
clip.attr("src",path);
}
});
})
//存入照片数据
function showchange(){
var s1 = $("#image").attr("src");
$("#files").val(s1);
}
</script>
</head>
<body>
照片
<img id="image" src="" width="200" height="200"/><br/>
<input type="file" id="file" accept="image/gif,image/jpeg,image/jpg"><br/>
选择照片后存入64位照片数据<br/>
<textarea rows="10" cols="120" id="files"></textarea>
data:image/jpeg;base64,<br/>
data:图片格式;<br/>
base64:64位;<br/>
","后面就是64位图片数据格式,传入后台转成2进制就可以写入图片了
</body>
</html>
复制代码
chrome_uokaid.rar
2016-11-22 22:17 上传
点击文件名下载附件
19.84 KB, 下载次数: 4
作者:
和尚有酒喝
时间:
2017-6-2 16:03
提示:
作者被禁止或删除 内容自动屏蔽
欢迎光临 大米CMS官网论坛,大米站长联盟,大米站长之家,大米开发者社区 (https://www.damicms.com/bbs/)
Powered by Discuz! X3.1