开发者社区 问答 正文

PHP + JQUERY 图片上传问题

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

展开
收起
小旋风柴进 2016-03-06 17:03:39 2437 分享 版权
1 条回答
写回答
取消 提交回答
  • 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("图片上传失败,请重试");
            }
        });
    });
    2019-07-17 18:54:54
    赞同 展开评论