jQuery 多图片上传前的预览

最新推荐文章于 2021-08-18 17:55:58 发布

置顶

xing觀

最新推荐文章于 2021-08-18 17:55:58 发布

阅读量449

点赞数

分类专栏：笔记文章标签： jquery

本文链接：https://blog.csdn.net/qq_22849019/article/details/107128570

版权

基于jQuery 多图片上传前的预览，好东西赶紧记录下来，嘻嘻；
废话不多说，先看效果：
效果图
代码也很简单，由于引用了在线资源库，可以直接拷贝运行。

<!DOCTYPE html>
<html>
<head>
<title>HTML5上传图片预览</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h3>请选择图片文件：</h3>
<!-- 这里特别说一下这个 multiple="multiple" 添加上这个之后可以一次选择多个文件进行上传，是 html5 的新属性-->
<form id="uploadForm" style="margin-top: 20px;" method="post"
	enctype="multipart/form-data">
	<div class="form-group">
		<label for="name">图片上传</label>
		<input type="file" name="file" id="file" multiple="multiple"
			class="form-cont