国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > PHP > 正文

PHP+Ajax+JS實現多圖上傳

2024-05-04 23:45:42
字體:
來源:轉載
供稿:網友
這篇文章主要為大家詳細介紹了PHP+Ajax+JS實現多圖上傳的相關資料,具有一定的參考價值,感興趣的朋友可以參考一下
 

本文實例在wap站項目中需要做一個ajax多圖片上傳,結合js插件做了一個,供大家參考,具體內容如下

/* ajax 上傳圖片 */ var num = 0; // 點擊刪除圖片function onDelete(num){  if($("#"+num).attr('src')!="__PUBLIC__/Home/images/jiazai.gif" && $("#"+num).attr('src')!=""){      if(confirm("確認刪除嗎")){        $("#a"+num).remove();      }else{        //       }  }}$(function(){      $("#file0").bind("change",function(){               clickUpload(num);               });     function clickUpload(num){       var imgObject = document.getElementById('file0'); // 文件對象       $("#yulan").append("<a id='a"+num+"' onclick='onDelete("+num+")' href='javascript:;'> <img id='"+num+"' width='75' height='75'  src='__PUBLIC__/Home/images/jiazai.gif'/></a>");               // $("#yulan").append("<li id='a"+num+"' ><img id='"+num+"' src='__PUBLIC__/Home/images/jiazai.gif' /><a href='javascript:;' onclick='onDelete("+num+")'>刪除</a></li>");       var getImageSrc = getFullPath(imgObject); // 本地路徑       // 實例化image對象        var pos = getImageSrc.lastIndexOf(".");       var lastname = getImageSrc.substring(pos, getImageSrc.length) // 圖片后綴        if(lastname!=".jpg" && lastname!=".png" && lastname!=".jpeg" && lastname!='.gif'){         $("#a"+num).remove();          alert("請選擇一張圖片");       }else{         ajaxFileUpload(num);         $("#file0").unbind("change").bind("change",function(){           clickUpload(num);          });       }        num++;    }      function getFullPath(obj) {  //得到圖片的完整路徑      if (obj) {        if (window.navigator.userAgent.indexOf("MSIE") >= 1) {          obj.select();          return document.selection.createRange().text;        }else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {          if (obj.files) {            return obj.files.item(0).getAsDataURL();          }          return obj.value;        }          return obj.value;      }    }     function ajaxFileUpload(num) {       $.ajaxFileUpload      (        {          url: 'http://xxxx/updateImg', //用于文件上傳的服務器端請求地址          secureuri: false, //是否需要安全協議,一般設置為false          fileElementId: 'file0', //文件上傳域的ID          dataType: 'json', //返回值類型 一般設置為json          success: function (data) //服務器成功響應處理函數          {            var jsonText = data;             console.log(jsonText);            if(jsonText['status']==1){               if(jsonText['info']!=""){                 console.log(jsonText['info']);                $("#"+num).attr("src","__PUBLIC__//Admin/Upload/"+jsonText['info']);                    var images = $("#img").val();                   if(images!=""){                  $("#img").val(images+","+jsonText['info']);                }else{                  $("#img").val(images+""+jsonText['info']);                }                               }            }else{              $("#a"+num).remove();              // alert("圖片上傳失敗");              }                      },          error: function (data,e)//服務器響應失敗處理函數          {            alert(e);          }        }      )    }});

以上就是本文的全部內容,希望對大家學習php程序設計有所幫助。



注:相關教程知識閱讀請移步到PHP教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 岢岚县| 广河县| 大同市| 刚察县| 正宁县| 巫溪县| 丽江市| 蓝山县| 嘉鱼县| 安远县| 盐城市| 黔东| 新泰市| 香港| 吴桥县| 济阳县| 监利县| 灯塔市| 西藏| 广宁县| 乌拉特后旗| 宁蒗| 霍山县| 拉孜县| 昆山市| 柘荣县| 湖州市| 东乡族自治县| 鄂托克旗| 西充县| 子长县| 闸北区| 应用必备| 阜平县| 仁化县| 博白县| 区。| 丹巴县| 昔阳县| 邓州市| 观塘区|