PHP + JQUERY 图片上传问题

要求:只要点击上传按钮就可以将这张图片显示到指定位置,并且能将图片从到指定目录,用php做的处理
币有点少,大家帮帮忙吧

php

6个回答

客户端可以i直接显示图片,用滤镜或者html5的FileReader对象。javascript客户端图片预览

上传看这个:http://www.w3school.com.cn/php/php_file_upload.asp

1、图片上传可以使用jquery.form.js。单按钮上传,可以先隐藏一个file控件,控制点击按钮实际上是点击了file控件

2、后端处理交给php就好了,都在$_FILE变量里面,处理完成后返回给前端可预览的图片url

3、前端收到上传完成的图片url之后,随便怎么展示都可以了

简单代码如下:

$("#submit").click(function(){
    $("#file").click();
});
$("#file").change(function(){
    //todo
    $("form[name=form]").ajaxSubmit({
        url: "upload.php",
        beforeSubmit: function(){
                $("#picView").show();
        },
        success: function(url){
                $("#picView").find("img").attr("src", url);
        },
        error: function(){
            alert("图片上传失败,请重试");
        }
    });
});

这个上传图片这个我会,可是这个需求是只有一个上传按钮,不但要实现文件的选择,还要实现提交,这个有点懵

客户端可以i直接显示图片,用滤镜或者html5的FileReader对象。javascript客户端图片预览
这个我看了,它是将这个图片的内容作为来显示的,那么我要怎么把这个内容给存一个图片文件呢

楼主去看下swfupload插件,可以满足你得需求。

hxm_ss5224
My_It5224 这个插件在火狐下用不成
5 年多之前 回复
hxm_ss5224
My_It5224 回复猪崽儿0o0: 总之我用不了,在本地都不能用,在服务器上都不能用
5 年多之前 回复
u011619326
猪崽儿0o0 回复My_It5224: 啥问题?
5 年多之前 回复
hxm_ss5224
My_It5224 有demo没,我在网上搜的都有点问题
5 年多之前 回复

楼主可以参考下Cropit这个插件http://www.oschina.net/p/cropit
是用js画布实现的,浏览器可以直接显示。它是一个base64字符串,
PHP需要再处理下
base64图片格式:$base64_url = data:image/jpeg;base64,xxxxxxxxxxxxxxxxxxxxxx
1,去除头部:$base64_body = substr(strstr($base64_url,','),1);
2,解码:$data= base64_decode($base64_body );
3,存储or创建图片:
file_put_contents($file_path,$data);
或$image = imagecreatefromstring($data);

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐