如何获取input框type=file选中的文件对象(FileReader)
      $("input[type='file']").change(function() {
        var file = this.files[0];
        if (window.FileReader) {
          var reader = new FileReader();
          reader.readAsDataURL(file);
          //监听文件读取结束后事件    
          reader.onloadend = function(e) {
            console.log(e.target.result+"路径")
            $(".img").attr("src", e.target.result); //e.target.result就是最后的路径地址
          };
        }
      });
文章来自 https://blog.csdn.net/qq_33769914/article/details/54705820
参考  https://blog.csdn.net/qq_30100043/article/details/76408915
如何获取input框type=file选中的文件对象(FileReader)的更多相关文章
- input标签type="file"上传文件的css样式
		
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
 - input框type=file设置cursor:pointer的问题
		
为了让美化上传文件框,设置了cursor:pointer;,然而不起作用,然后百度找到了解决方法,设置font-size:0,这样就可以了.
 - js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径(转载)
		
原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲 获取input框中type= ...
 - input的type=file触发的相关事件
		
与input相关的事件运行的过程.添加了一些相关的方法测试了一下.input的type=file的运行流程. 我们书写了mousedown,mouseup,click,input,change,foc ...
 - input type=file 上传文件样式美化(转载)
		
input type=file 上传文件样式美化 来源:https://www.jianshu.com/p/6390595e5a36 在做input文本上传时,由于html原生的上传按钮比较丑,需要对 ...
 - 小程序登录时如何获取input框中的内容
		
最近写小程序项目遇到一些问题,今天整理下这些问题的解决方法,希望对用户有帮助.下面是登录页,点击登录时获取input框中的值, 效果如下: wxml布局如下: <view > <in ...
 - js通過name获取input框输入值
		
var account = $("input[name='account']").val();//获取input框输入值
 - vue项目内嵌入到app input type=file 坑(文件上传插件)
		
w问题描述: 我用vue-cli完成的一个移动端项目,内嵌到app当中,用原生的input type=file 来完成文件上传.在安卓下没有问题但是在苹果手机 上传第二次手机就会发生白屏 并无缘无故跳 ...
 - python 之 前端开发(form标签、单选框、多选框、file上传文件、按钮、label标签、下拉列表、textarea标签、fieldset标签、table标签)
		
11.25 form标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...
 
随机推荐
- EF学习和使用(三)Code First
			
Code First模式我们称之为"代码优先"模式.从某种角度来看.其实"Code First"和"Model First"区别并非太明显. ...
 - 【shell】判断一个变量是否为空
			
#!/bin/bash argv=" if [ -z "$argv" ] then echo "argv is empty" else echo &q ...
 - 《高性能Javascript》  Summary(一)
			
第一章.加载和执行 Loading & Execution 原因:Javascript 的执行导致页面渲染中止等待. 解决: 将script放在页面底部,紧靠body 闭合标签之前,保证页面在 ...
 - 【Leetcode-easy】Remove Element
			
思路:遍历数组,count保存下一个元素的位置,如果不与该元素相同,那么将该数保存在count位置,并且count++,否则,继续遍历. public int removeElement(int[] ...
 - javascript控制样式表(不常用)
			
<html> <head> <title>Example XHTML page</title> <link href="css1.css ...
 - 《C prime plus (第五版)》 ---第12章 存储类.链接和内存管理
			
12-1:存储类: 1.作用域: 代码块作用域,函数原型作用域和文件作用域. 2.链接:分为外部链接,内部链接和空链接.代码块作用域和函数原型作用域都是空连接,意味着是私有的.而文件作用域的变量可能是 ...
 - Shell 特殊位置参数的变量
			
$0 -- 获取当前执行shell脚本的 文件名 $n -- 获取当前执行shell脚本的 第n个参数 $# -- 获取当前执行shell脚本的 带的参数个数 $? -- 获取执行上一个指令的执行状态 ...
 - html5--1.14 特殊符号的使用
			
html5--1.14 特殊符号的使用 学习要点: 实体的概念一个表格小实例 1.HTML 实体 在 HTML 中,某些字符是预留的. 在 HTML 中不能使用小于号(<)和大于号(&am ...
 - python-常用内置函数与装饰器
			
1.常用的python函数 abs 求绝对值 all 判断迭代器中所有的数据是否为真或者可迭代数据为空,返回真,否则返回假 any ...
 - P2764 [网络流24题]最小路径覆盖问题[最大流]
			
地址 这题有个转化,求最少的链覆盖→即求最少联通块. 设联通块个数$x$个,选的边数$y$,点数$n$个 那么有 $y=n-x$ 即 $x=n-y$ 而n是不变的,目标就是在保证每个点入度.出度 ...