首页 > Web开发 > 详细

js上传展示本地图片

时间:2018-02-12 10:32:38      阅读:149      评论:0      收藏:0      [点我收藏+]

请求的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 接收存储图片

js上传展示本地图片

原文:https://www.cnblogs.com/xiamibk/p/8443687.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!