希望单独增加一个上传图片的功能
By
·tianya
at 2015-07-06 • 0人收藏 • 880人看过
就是上传图片点击发布了，才上传到服务器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".file").change(function(){
var fileImg = $(".fileImg");
var explorer = navigator.userAgent;
var imgSrc = $(this)[0].value;
if (explorer.indexOf('MSIE') >= 0) {
if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG)$/.test(imgSrc)) {
imgSrc = "";
fileImg.attr("src","/img/default.png");
return false;
}else{
fileImg.attr("src",imgSrc);
}
}else{
if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG)$/.test(imgSrc)) {
imgSrc = "";
fileImg.attr("src","/img/default.png");
return false;
}else{
var file = $(this)[0].files[0];
var url = URL.createObjectURL(file);
fileImg.attr("src",url);
}
}
})
})
</script>
</head>
<body>
<form enctype="multipart/form-date" method="post">
<input type="file">
<input type="submit">
</form>
<img src="">
</body>
</html>
1 个回复 | 最后更新于 2015-07-06
登录后方可回帖
粤公网安备 44030602003677号
需要确认才能上传这个功能在多图上传里，不需要确认就可以上传的那个，也只是给用户提供个方便。
你如果需要这样做的话，删除单图上传的按钮即可。