• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

微信内置浏览器 微信网页上传图片

实用代码 开心洋葱 2514次浏览 0个评论

 

微信内置浏览器 微信网页上传图片

服务器端post.php代码:

<?php
/**
 * Created by PhpStorm.
 * User: Yang
 * Date: 2015/6/29
 * Time: 10:52
 */


if($_POST){

    if($_POST['photo']){
        $file_name = time();
        $image_content = $_POST['photo'];
        if (preg_match('/^(data:\s*image\/(\w+);base64,)/', $image_content, $result)){
            $type = $result[2];

            $path_tou  = $_POST['path'].date("Ymd",time())."/";
            mkdir("/data/www/".$path_tou);
            $new_file = $path_tou.$file_name.".".$type;
            if (file_put_contents("/data/www/".$new_file, base64_decode(str_replace($result[1], '', $image_content)))){
                echo $new_file;
            }

        }
        exit;
    }else{
        echo '';
        exit;
    }


}

?>

 

前端代码:

 <input type="file" name="photo0" accept="image/*" id="photo0" >
<scrip>
   $("#photo0").on("change", function(){
        var files = !!this.files ? this.files : [];
        if (!files.length || !window.FileReader) return;
        if (/^image/.test( files[0].type)){
            var reader = new FileReader();
            reader.readAsDataURL(files[0]);
            reader.onloadend = function(){

                $("#preimg0").css("display","inline-block");
                $("#addimg0").css("display","none");
                //$("#preimg0").css("background-image", "url("+this.result+")");

                $.ajax({
                    type:"POST",
                    url:"/upload.php",
                    data:{
                        "photo":this.result,"path":"/image/order/ol/"
                    },
                    success:function(data){
                        //$("#photo").val(data)

                        $("#uploadimg0").val(data);
                        $("#preimg0").css("background-image", "url("+data+")");
                    }
                });

            }
        }
    });
</script>

 

 


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明微信内置浏览器 微信网页上传图片
喜欢 (0)

您必须 登录 才能发表评论!

加载中……