图片浏览,将浏览过的单个图片通过base64为方法放到本地,不进行二进制流,减轻服务器压力
<a href="javascript:void(0)" name="photo">本地图片浏览</a>
<div style="display: none;">
<input type="file" name="seek_photo" id="file_seek" >
</div>
<!-- 图片临时存放div -->
<div id="pic_shou" style="width: 250px;height: 400px; background: orange; position: absolute;
left: 10px;top: 660px; display: block;">已经浏览的图片<br></div>
<!-- 图片临时存放div -->
<!-- js图片浏览=====base64位本地显示 -->
<script type="text/javascript">
$('a[name="photo"]').click(function(){
// alert('点击确定浏览本地图片');
$('input[name="seek_photo"]').click();
});
// 图片改变事件
$('input[name="seek_photo"]').change(function(){
var file_seek = document.getElementById('file_seek').files[0];
// base64上传本地
var reader = new FileReader();
reader.onloadend = function(){
console.log(reader);
//发送给服务器
//ws.send('{"type":"send_pic","content":"'+reader.result+'","desc":""}'); //Workerman数据推送
var _img = '<img src="'+reader.result+'" width="110" /> ';
$('#pic_shou').append(_img);
};
if(file_seek){
reader.readAsDataURL(file_seek);
}else{
preview.src = "";
};
});
</script>