javascript file上传并显示图片（手机版）

最新推荐文章于 2021-05-18 23:07:10 发布

weixin_30719711

最新推荐文章于 2021-05-18 23:07:10 发布

阅读量295

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zion0707/p/4475403.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<style>
.btn{
	display: block;
	background:green;
	color:#fff;
	text-decoration:none;
	padding:5px;
	float: left;
	margin:0 5px;
}
</style>
<body>
	
	<label for="up">
		<input type="file" id="up" style="display:none;">
		<span class="btn">选择图片</span>
	</label>
	<a href="javascript:;" class="btn">上传</a>

	<img src="" id="pic">

</body>
</html>
<script>
	function $( id ){
		return document.getElementById(id);
	}
	//改变的时候才获取内容
	$('up').onchange = function(){
		if ( this.files != undefined ) {
			var url = window.webkitURL.createObjectURL( this.files[0] );
			$('pic').src = url;
		}
	}
</script>

　　微信上传图片接口：

　　http://203.195.235.76/jssdk/#menu-image　　

　　http://mp.weixin.qq.com/wiki/12/58bfcfabbd501c7cd77c19bd9cfa8354.html

转载于:https://www.cnblogs.com/zion0707/p/4475403.html

weixin_30719711

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript file上传并显示图片（手机版）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> <meta name="viewport" content="width=device-width, initial-scale=1, ...
复制链接

扫一扫