希望单独增加一个上传图片的功能

By ·tianya at 2015-07-06 • 0人收藏 • 134人看过

就是上传图片点击发布了,才上传到服务器

<!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
2015-07-06   #1

blob.png

需要确认才能上传这个功能在多图上传里,不需要确认就可以上传的那个,也只是给用户提供个方便。

你如果需要这样做的话,删除单图上传的按钮即可。

登录后方可回帖

登 录
信息栏
购买PHP虚拟主机 / VPS

Carbon Forum是一个基于话题的高性能轻型PHP论坛

下载地址:Carbon Forum v5.0.1
QQ群:12607708(QQ我不常上)

donate

手机支付宝扫描上方二维码可向本项目捐款

Loading...