關(guān)于jquery圖片上傳功能呢，我引入了

成都創(chuàng)新互聯(lián)從2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元賽罕做網(wǎng)站,已為上家服務(wù),為賽罕各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108

jquery.min.js
jquery-1.8.3.min.js
jquery.ui.widget.js
jquery.iframe-transport.js
jquery.fileupload.js

上傳圖片的代碼：

圖片上傳成功之后，可以選擇刪除！里面的變量就是我從數(shù)據(jù)庫查出來的，數(shù)據(jù)庫當(dāng)然存放的是圖片的路徑了！

這是單張圖片上傳的html代碼

    產(chǎn)品相冊
     
    
        
        
        " name="goodsimg" />
        " 
         id="goodsimg" />
        
            
        
    

這是多張圖片上傳的html代碼

    企業(yè)證書
     
    
        
        
        " name="Certiimg" />
        
            
                    
"  id="Certificateimg" />
                        
                            
                        
                    
                    
        
    

上傳的js代碼：

  $(function (){
        var goodsimg = $("#goodsimg").attr("src");
        //單張圖片顯示
        if(goodsimg!=""){
               $("#goodsimg").css("display","block");
               $(".delgoodsimg").css("display","block");
        }
        //單張圖片刪除
        $(".delgoodsimg").click(function (){
              $("input[name='goodsimg']").val("");
              $("#goodsimg").css("display","none").attr("src","");
              $(this).css("display","none");
        });
        //多條副
        $(".delCertificateimg").live('click',function(){
            var delindex = $(this).parents("li").length;
            var Certiimgval = $("input[name='Certiimg']").val();
            var Certiimgarr = Certiimgval.split("|");
            Certiimgarr.pop();
            if(Certiimgarr.length == 0){
                $("input[name='Certiimg']").val("");
            }else{
                Certiimgval = Certiimgarr.join("|");
                $("input[name='Certiimg']").val(Certiimgval);
            }
            $(this).parents("li").remove();
        });

        //jquery圖片上傳
        $('#fileUpload').fileupload({
            dataType: 'json',
            done: function (e, data)
            {
                if(data.result.flag == 1 && data.result.img != "")
                {
                    /*uploadPicCallback(data.result);*/
                    $("input[name='goodsimg']").val(data.result.img);
                    $("#goodsimg").css("display","block").attr("src",data.result.img);
                    $(".delgoodsimg").css("display","block");
                }
                else
                {
                    console.log("err");
                }
            },
            progressall: function (e, data)
            {
                var progress = parseInt(data.loaded / data.total * 100);
                $('#uploadPercent').text("加載完成："+progress+"%");

            }
        });

      //多圖上傳
    $('#CertifileUpload').fileupload({
        dataType: 'json',
        done: function (e, data)
        {
            if(data.result.flag == 1 && data.result.img != "")
            {
                if($(".Certidom").find("li").length == 2){
                    alert("上傳圖片多于2張，請刪除一張圖片后重新上傳");
                    return false;
                }
                var certidom = '
';
                $(".Certidom").append(certidom);
                /*uploadPicCallback(data.result);*/
                var Certiimgval = $("input[name='Certiimg']").val();
                if(Certiimgval == ""){
                    $("input[name='Certiimg']").val(data.result.img);
                }else{
                    $("input[name='Certiimg']").val(Certiimgval+"|"+data.result.img);
                }
            }
            else
            {
                console.log("err");
            }
        },
        progressall: function (e, data)
        {
            var progress = parseInt(data.loaded / data.total * 100);
            $('#uploadPercent').text("加載完成："+progress+"%");

        }
    });

    });



backend_upload_photo.php文件就是上傳圖片后臺代碼處理圖片的地址
結(jié)合上傳圖片的地方來寫此部分
$fileExtArr = explode(".",$_FILES['_goodsFile']['name']);
$fileExt = ".".$fileExtArr[1];
//圖片存放地址進(jìn)行名字隨機(jī)給處理
$path='/backend/actions/upload/'.time().md5($_FILES['_goodsFile']['name'].rand()).$fileExt;
move_uploaded_file($_FILES['_goodsFile']['tmp_name'],$_SERVER['DOCUMENT_ROOT'].$path);
echo json_encode(array("flag"=>1,"img"=>"..".$path));