jQuery实现上传图片前预览效果功能

其他 2018-09-11 01:51:02 阅读次数: 0

代码如下：

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>jQuery上传图片之前可以预览效果</title>

<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

<style>

</style>

</head>

<body>

<input id="file" ;="" onchange="c()" type="file"><br>

<img src="" id="show" width="200"><script>

function c () {

var r= new FileReader();

f=document.getElementById('file').files[0];

r.readAsDataURL(f);

r.onload=function (e) {

document.getElementById('show').src=this.result;

};

}</script>

</body>

</html>

猜你喜欢

转载自blog.csdn.net/aa19891204/article/details/81938500

jQuery实现上传图片前预览效果功能

jQuery+HTML5实现图片上传前预览效果

jquery实现图片上传前本地预览功能

图片上传前预览的功能

jQuery实现上传图片时，显示图片预览效果

jquery 实现图片预览效果

jquery 实现图片上传预览

jQuery图片上传插件多张图片上传预览效果

FileReader实现上传图片前本地预览

input file实现多选，限制文件上传类型，图片上传前预览功能

js实现图片sh上传预览效果

jQuery实现上传图片本地预览

JQuery Ajax实现图片上传并预览

基于layUI的图片上传前预览功能的2种实现方式

js 实现图片上传预览效果（支持多张预览）

js实现图片上传预览功能

js实现多图片上传的预览功能

图片上传预览js功能实现

layui实现图片上传和预览功能

html上传图片的预览功能实现

原生JS实现图片上传并预览功能

图片上传预览功能

html 上传图片前预览

图片上传前预览演示

jq 图片上传前预览

input上传图片，并且实现FileReader实图片预览效果

jquery控制上传文件格式、大小以及图片预览功能

前端图片预览，上传前预览显示

HTML5上传图片前实现预览（超简单）

图片上传前预览，两种方式可实现

今日推荐

TIOBE 5 月榜单：Fortran “复活”进入 Top 10

GCC 14.1 发布

面壁智能发布 Eurux-8x22B 开源大模型 —— 堪称「理科状元」

开源日报 | 谷歌扶持鸿蒙上位；开源Rabbit R1；Docker加持的安卓手机；微软的焦虑和野心；海尔电器把开放平台关了

中国码农的“35岁魔咒”

蘭雅 CorelDRAW 插件 2024.5.1 国际劳动节版，免费下载

Arc Browser for Windows 1.0 正式 GA

90后程序员开发视频搬运软件、不到一年获利超 700 万，结局很刑！

周排行

Java自定义时间格式

同步整形电路

在开发中最最最常用的字符串的属性大集合

Linux 查看端口占用并杀掉

Java基础四：ArrayList

多线程之死锁就是这么简单

mysql 基础命令集

awk 命令详解

Centos6.3编译安装nginx+php步骤

OCR （Optical Character Recognition，光学字符识别）

每日归档

2024-05-08(42)

2024-05-07(14)

2024-05-06(40)

2024-05-05(0)

2024-05-04(7)

2024-05-03(19)

2024-05-02(0)

2024-05-01(4)

2024-04-30(1)

2024-04-29(40)