图片上传预加载

上传图片文件时,有时需要预加载。

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容
使用 File 或 Blob 对象指定要读取的文件或数据。

readAsDataURL 方法会读取指定的 Blob 或 File 对象
其中result 属性将包含一个 data:URL格式的字符串(base64编码)(表示所读取文件的内容)

reader.onload事件在读取操作完成时触发。

<body>
	<input type="file" id="file" name="img_url"/>
	<img class="readimg" src="" />
</body>
<script type="text/javascript">
	$('input[name=img_url]').change(function(){
	var file = this.files[0]
	var reader = new FileReader();
	reader.readAsDataURL(file)
	reader.onload=function(e){
		$('.readimg').attr('src', this.result)
		}
	})
</script>
上一篇:Kotlin实战【五】Kotlin中的异常


下一篇:对返回的json数据重写格式,用特性JsonConverter