input file图片上传并回显_input file回显-程序员宅基地

技术标签：原生js

// 图片上传借助于html5的文件读取实现

<!DOCTYPE html>

<html>

<head>

<meta charset=
"utf-8"
 />

<title></title>

<script src=
"jquery.js"
></script>

</head>

<body>

<input type=
"file"
 multiple id=
"inputs"
/> 
//multiple(多文件上传)

<div id=
'dd'
></div>

<script>

$(document).ready(
function
 () {


$(
"#inputs"
).change(
function
 () {


var
 fil = 
this
.files;

for
 (
var
 i = 0; i < fil.length; i++) {


reads(fil[i]);

}

});

});

function
 reads(fil){


var
 reader = 
new
 FileReader();

reader.readAsDataURL(fil);

reader.onload = 
function
()

{


document.getElementById(
"dd"
).innerHTML += 
"<img src='"
+reader.result+
"'>"
;

};

}

</script>

</body>

<html>

本文链接：https://blog.csdn.net/qinchaidaren/article/details/78598420

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

字符串(string)And内存函数(memory)介绍_string memory-程序员宅基地

文章浏览阅读482次。1.字符串(string) strlen 意义：获得字符串长度，以'\0'为结束标志。(长度不包含'\0');注意：函数返回值是size_t(unsinged int)模拟实现strlen：size_t my_strlen(char *str){ size_t count = 0; while (*str) { count++; str++; } return count;}int main(){ char arr2[] = "abcdef".._string memory

安卓开发球面波干涉现象仿真app_波的干涉模拟器-程序员宅基地

文章浏览阅读3k次。作为一个光学专业的学生，光的干涉是一个基础知识点。所以尝试着做了个安卓app，来模拟球面波的干涉现象，效果如下：通过改变参数，可以观察到不同的现象。先从介绍干涉实验原理开始，首先如下图所示：点光源s1和s2在同一直线上，设为x轴，观察屏在距离它们为D的位置上，观察屏平行于y-z平面，在观察屏上各点光强不同，即存在干涉现象。s1和s2发射球面波，所以在空间任意一点上的光强与距_波的干涉模拟器

Vicuna介绍及代码实践_vicuna代码讲解-程序员宅基地

文章浏览阅读1.1k次。【代码】PaddleNLP使用Vicuna。_vicuna代码讲解

练习编写程序打印单月的日历，用户指定这个月的天数和该月起始日是星期几_编写程序,输入某月的天数和该月1日是星期几,输出该月的日历-程序员宅基地

文章浏览阅读1.5k次。编写程序打印单月的日历，用户指定这个月的天数和该月起始日是星期几。_编写程序,输入某月的天数和该月1日是星期几,输出该月的日历

stm32 micropython usb wifi_【micropython】用python来进行BadUSB的USB－HID测试（含无线控制）...-程序员宅基地

文章浏览阅读146次。本文以TPYBoardv101开发板为例讲解了利用micropython进行BadUSB的usb-HID设备测试的主要方法，使用mt7681模块进行了一个简单的实验，实现了手机摇控键盘输入的测试。0x01引言Micropython即运行在微控制器上的Python，只要你懂python3.x,就可以让你像使用arduino那样进行硬件开发。随着micropython的发布，已经有越来越多的人研究和利..._micropython keyboard

c语言替换文件中的字符串,Makefile常用字符串处理函数-程序员宅基地

文章浏览阅读270次。学习使用函数之前，先来看一下函数的语法结构。函数的调用和变量的调用很像。引用变量的格式为$(变量名)，函数调用的格式如下：$( ) 或者是 ${ }其中，function 是函数名，arguments 是函数的参数，参数之间要用逗号分隔开。而参数和函数名之间使用空格分开。调用函数的时候要使用字符“$”，后面可以跟小括号也可以使用花括号。这个其实我们并不陌生，我们之前使用过许多的函数，..._makefile替换字符串

随便推点

python+flask+vue协同过滤的电影评分推荐系统-影评网站_网络爬虫与协同过滤算法电影推荐系统(vue前端)-程序员宅基地

文章浏览阅读537次。本系统使用的数据库为MySQL数据库[10]，选择该数据库的原因是因为该数据库开源、免费，且相对简便，且由于使用人数众多，在处理问题上会得到更多已知的帮助。述了数据库的设计，系统的详细设计部分主要论述了几个主要模块的详细设计过程。_网络爬虫与协同过滤算法电影推荐系统(vue前端)

学生服务器是什么？学生服务器有什么用？_阿里云学生服务器-程序员宅基地

文章浏览阅读1.9w次，点赞2次，收藏17次。最新版本的阿里云学生服务器该名称为：轻量应用服务器虽然改名字了，但是还是以前的阿里云学生服务器。这次不仅改名称了，价格降低了（以前是1年114元，现在是1年96元），配置也更好了（以前配置是1核2G1M，现在是1核2G5M，升级了带宽和流量包）。学生服务器地址阿里云学生服务器购买地址：阿里云学生服务器(官网直达)学生云服务器的配置：1核2G5M 40G硬盘购买条件：注册阿里云账号>>完成学生身份认证>>购买轻量应用服务器（学生服务器）阿里云轻量应用服务器：htt_阿里云学生服务器

centos 下ssh命令找不到（-bash: ssh: command not found）_centos8报错sshpass command not found-程序员宅基地

文章浏览阅读3.6w次，点赞5次，收藏17次。centos6.8 使用ssh 连接远程服务器提示：-bash: ssh: command not foundcentos默认安装有ssh服务，没有客户端。查看ssh安装# rpm -qa | grep opensshopenssh-5.3p1-123.el6_9.x86_64openssh-server-5.3p1-123.el6_9.x86_64没有安装openssh-clientsyum安装..._centos8报错sshpass command not found