自己倒腾了半天,终于解决了,并在chrome浏览器上验证可行,方法如下:

function getImgURL(node) {

var imgURL = "";

try{

var file = null;

if(node.files && node.files[0] ){

file = node.files[0];

}else if(node.files && node.files.item(0)) {

file = node.files.item(0);

}

//Firefox 因安全性问题已无法直接通过input[file].value 获取完整的文件路径

try{

//Firefox7.0

imgURL = file.getAsDataURL();

//alert("//Firefox7.0"+imgRUL);

}catch(e){

//Firefox8.0以上

imgURL = window.URL.createObjectURL(file);

//alert("//Firefox8.0以上"+imgRUL);

}

}catch(e){ //这里不知道怎么处理了,如果是遨游的话会报这个异常

//支持html5的浏览器,比如高版本的firefox、chrome、ie10

if (node.files && node.files[0]) {

var reader = new FileReader();

reader.onload = function (e) {

imgURL = e.target.result;

};

reader.readAsDataURL(node.files[0]);

}

}

return imgURL;

}

注意在传递node的时候要传递document.getElementById 获取的节点,不要用jquery的方式去获取节点

html上传文件出现fakepath,chrome upload file 出现 fakepath,请解决方案相关推荐

  1. Unity上传文件(How to upload file to server by unity)

    使用UnityWebRequest private IEnumerator UploadFile(string url, byte[] bytes, string token) {UnityWebRe ...

  2. chrome浏览器上传文件延迟_UEditor chrome 点击上传文件选择框会延迟几秒才会显示...

    一.概述: 关于UEditor在谷歌浏览Chrome打开选择指上传图片,发现[点击选择图片]时无法立即弹出选择框,而是等4-7秒钟才显示出来的BUG,试了N多方法,改层级都用了,也无效.在网上找到了一 ...

  3. 上传文件提示The temporary upload location [/tmp/tomcat.xxxx...

    工作中由于长时间没有上传文件导致上传文件的临时目录被清空从而导致上传文件失败, 解决办法就是重新起一下服务 其实重启服务只能暂时解决该问题,像根本上解决这个问题就需要在启动类里面指定存储路径 @Bea ...

  4. php上传文件 报的错误 $_FILES[‘file’]['error']

    大家都知道,php上传文件后台报的错误$_FILES['file']['error'] 前台php程序为 <form id ="formFileUpload" name=&q ...

  5. 拖拽上传获取上传文件信息,e.dataTransfer.files始终为空的解决方案

    2019独角兽企业重金招聘Python工程师标准>>> 项目中需要做一个拖拽文件上传功能,遇到获取文件e.dataTransfer.files始终为空的情况,多次尝试,终于找到如下解 ...

  6. spring cloud feign 上传文件报not a type supported by this encoder解决方案

    上传文件调用外部服务报错: not a type supported by this encoder 查看SpringFormEncoder类的源码: 1 public class SpringFor ...

  7. java注解接收上传文件,前台:Input type=file 后台获取文件内容用的是spring注解,当地环境上传图片是好的,发布到服务器上图片读取不到,求大神指点...

    当前位置:我的异常网» Java Web开发 » 前台:Input type="file" 后台获取文件内 前台:Input type="file" 后台获取文 ...

  8. ajaxsubmit php上传文件,怎样用AjaxSubmit()提交file文件

    这次给大家带来怎样用AjaxSubmit()提交file文件,用AjaxSubmit()提交file文件的注意事项有哪些,下面就是实战案例,一起来看一下. 之前在网上查了各种方法,想要提交file文件 ...

  9. PhpStorm在上传文件的时候提示 Upload to 虚拟机 failed: invalid descendent file name \.

    原因:用vim 修改虚拟机文件的时候,生成了\\这个文件, 删除掉这个文件就可以了.

  10. 后端实现上传文件接口,并使用阿里云的oss对象存储

    在阿里云搜索对象存储oss,开通并进入到控制台 进入到控制台后,选择bucket列表然后创建bucket,bucket就类似文件夹 然后如果没有accesskey的要先创建,在右上角头像处 接下来就该 ...

最新文章

  1. 张一鸣:10年面试2000人,我发现混的好的人,全都有同一个特质!
  2. PingCode 全年上线功能盘点
  3. imdb导mysql_keras如何导入本地下载的imdb数据集?
  4. hibernate中对象的3种状态----瞬时态、持久态、脱管态
  5. html添加工具栏,添加带有命令的工具栏 (HTML)
  6. flask中蓝图的使用
  7. TCPIP header
  8. (三)Linux 安装
  9. 数据库版本管理工具Flyway应用
  10. 圈圈usb cannot convert from 'BOOL (__thiscall CMyUsbHidTestAppDlg::* )(UINT,DWORD)' to 'LRESULT (__
  11. TCP/IP协议新手入门学习
  12. TF卡(全称Trans Flash)
  13. 骗你不是人 硬盘传输速度提升100倍的方法
  14. 【在Linu系统下安装 TeXstudio、mplayer、WPS、Python、mendeley、WeChat、搜狗输入法】
  15. 2022起重机司机(限桥式起重机)特种作业证考试题库及在线模拟考试
  16. python入门(三)列表、元组、range()、字典
  17. 万物通信三相智能电表
  18. 一牛网:MTK软件,硬件芯片资料集锦(datasheet,规格书,原理图,参考设计,SDK等)二
  19. 最新ThinkPHP开发的简约自适应导航网站源码
  20. 桥牌坐庄训练bm2000 level3闯关记录——A2

热门文章

  1. 牛人搜集的常用的资源类网站及68个各类资源网站汇总
  2. Wind量化接口初探
  3. 问卷星刷问卷python_Python+Selenium刷问卷星问卷
  4. 十代主板改win7_微星Z490装win7 Bios设置|微星Z490主板10代CPU装win7
  5. 信息化为五万教学点带来“优质教师”
  6. 大厂面试爱问的「调度算法」,20 张图一举拿下
  7. 【jpype】pycharm中配置jpype
  8. python删除txt文本文件第一行数据
  9. C++ primer(第5版)第三章 字符串、向量和数组 学习笔记
  10. Webservice 学习笔记