js上传展示本地图片
2018-02-12 09:13
459 查看
请求的Js:
<script type="text/javascript"> $(function () { $('#<?php echo $k; ?>').change(function () { var url = getFileUrl('<?php echo $k; ?>'); if(url == ''){ $('#<?php echo $k; ?>_img').css('display','none'); }else{ $('#<?php echo $k; ?>_img').attr('src',url).css('display',''); $('#<?php echo $k; ?>_err').html(''); } }); })
function getFileUrl(sourceId) { var url; if (navigator.userAgent.indexOf("MSIE")>=1) { // IE url = document.getElementById(sourceId).value; } else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); } else if(navigator.userAgent.indexOf("Chrome")>0) { // Chrome url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); }else{ url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); } return url; }
</script>
<form action="/mobile/my_order_controller/do_trademark_operation" method="post" id="form" enctype="multipart/form-data" onkeydown="if(event.keyCode==13)return false;"></form> 后端处理: 通过 $_FILES 接收存储图片
相关文章推荐
- bootstrap + angularjs + springmvc + mybatis框架之图片上传和展示
- premage.js 实现预览本地上传图片
- js(头像,图片)上传,如何立即展示?图片详解。
- js 实现前端图片上传,展示缩略图功能
- js实现文件上传,图片本地预览(部分代码是借鉴的)
- js头像(图片)上传,立即展示!——李帅醒博客
- JS实现上传本地图片前先预览
- js本地压缩图片,上传base64给后台,再给七牛
- thinkphp微信开发之jssdk图片上传并下载到本地服务器
- 微信开发之调起摄像头、本地展示图片、上传下载图片
- summernote上传图片到本地服务器(node.js)
- JS限制上传图片大小不使用控件在本地实现
- js 本地图片未上传先预览(等比缩小图片内容大小)
- JS上传文件前预览本地图片
- 用js实现预览待上传的本地图片
- java+js实现展示本地文件夹下的所有图片demo[申明:来源于网络]
- JS实现图片上传时的本地预览,兼容IE和firefox谷歌
- webjs--获取上传图片的缓存路径展示在页面上
- vue.js上传图片时同时加载图片展示图片
- JS限制上传图片大小不使用控件在本地实现