js获取input file框（文件上传框）内容，上传后台

最新推荐文章于 2024-04-26 10:22:03 发布

Aa董小礼

最新推荐文章于 2024-04-26 10:22:03 发布

阅读量1.1w

点赞数 1

分类专栏：小技巧 javascript 文章标签： file 上传图片文件上传框转base

本文链接：https://blog.csdn.net/a1076454380/article/details/102663877

版权

直接复制，修改jquery为你的本地路径，本js可以把file选择的图片，转化为base64对象。无论是回显，还是转成图片，或者直接上传后台都是可以滴。
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<form action="" method="post">
			<input type="file" id="textfile" accept="image/*" /> 上传

			<div class="upP_img1"> 预览框</div>
			<img id="newimg" />
		</form>
	</body>
	<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('#textfile').on('change', function() {
			var reader = new FileReader(); //新建获取file的读取文件
			var imgsrc = null;
			var _file = this.files[0],
				//获取的的图片
				fileType = _file.type; //图片类型   
			reader.readAsDa

最低0.47元/天解锁文章

Aa董小礼

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
js获取input file框（文件上传框）内容，上传后台

直接复制，修改jquery为你的本地路径，本js可以把file选择的图片，转化为base64对象。无论是回显，还是转成图片，或者直接上传后台都是可以滴。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head&gt...
复制链接

扫一扫