真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

08-05更新ThinkPHP+swfupload多圖上傳實(shí)例經(jīng)典實(shí)用的php多圖上傳

    先上一張圖片給大家看看效果,有需要就下載學(xué)習(xí)。不一定非要在ThinkPHP里,只是我非常喜歡去用ThinkPHP做開(kāi)發(fā)了。

創(chuàng)新互聯(lián)建站專(zhuān)注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站制作、網(wǎng)站建設(shè)、許昌網(wǎng)絡(luò)推廣、小程序設(shè)計(jì)、許昌網(wǎng)絡(luò)營(yíng)銷(xiāo)、許昌企業(yè)策劃、許昌品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供許昌建站搭建服務(wù),24小時(shí)服務(wù)熱線:18980820575,官方網(wǎng)址:www.cdcxhl.com

     08-05更新ThinkPHP+swfupload多圖上傳實(shí)例  經(jīng)典實(shí)用的php多圖上傳

    好了。現(xiàn)在咱們需要的東西是,下載一個(gè)swfupload.js網(wǎng)上很多,自己百度吧.之前有人加我QQ說(shuō)我寫(xiě)的博文大部分都是代碼,看不懂,我以后寫(xiě)博文也先說(shuō)明思路,然后開(kāi)始貼代碼分享

     整個(gè)多圖上傳的流程

    1.寫(xiě)好html代碼,包括上傳以后顯示的效果的html,以及加載swfupload組件.和flash

    2.在添加圖片以后上傳到php里處理上傳并且返回上傳圖片的地址,加載到預(yù)覽區(qū)域里.

    3.點(diǎn)擊X以后,ajax調(diào)用php的方法去刪除預(yù)覽區(qū)域的圖片.

    4.在添加圖片和刪除預(yù)覽區(qū)域的圖片的同時(shí),都會(huì)更改一個(gè)隱藏域的值,這樣在完成整個(gè)上傳提交表單以后可以把圖片的地址保存到數(shù)據(jù)庫(kù).(看需要)

     好了。先寫(xiě)html代碼吧。(css文件我就不貼了)

    






flash無(wú)刷新多圖片上傳

var path='__STYLE__';
var url='__URL__';






var swfu;
window.onload = function () {
swfu = new SWFUpload({
upload_url: "__URL__/uploadImg",
post_params: {"PHPSESSID": ""},
file_size_limit : "2 MB",
file_types : "*.jpg;*.png;*.gif;*.bmp",
file_types_description : "JPG Images",
file_upload_limit : "100",
file_queue_error_handler : fileQueueError,
file_dialog_complete_handler : fileDialogComplete,
upload_progress_handler : uploadProgress,
upload_error_handler : uploadError,
upload_success_handler : uploadSuccess,
upload_complete_handler : uploadComplete,
button_image_url : "__STYLE__/images/upload.png",
button_placeholder_id : "spanButtonPlaceholder",
button_width: 113,
button_height: 33,
button_text : '',
button_text_style : '.spanButtonPlaceholder { font-family: Helvetica, Arial, sans-serif; font-size: 14pt;} ',
button_text_top_padding: 0,
button_text_left_padding: 0,
button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,
button_cursor: SWFUpload.CURSOR.HAND,
flash_url : "__STYLE__/swf/swfupload.swf",
custom_settings : {
upload_target : "divFileProgressContainer"
},
debug: false
});
};






 

詳細(xì)說(shuō)一下swfupload的配置項(xiàng)

upload_url   是上傳圖片處理的php地址

file_size_limit   上傳大小限制

file_upload_limit    限制用戶一次性最多上傳多少?gòu)垐D片,0為不限制

file_queue_error_handler

file_dialog_complete_handler   添加文件上傳選擇框關(guān)閉以后執(zhí)行的方法

upload_error_handler     文件上傳錯(cuò)誤的時(shí)候執(zhí)行的方法

upload_success_handler   文件上傳成功以后執(zhí)行的方法

upload_complete_handler    文件上傳完成以后執(zhí)行的方法

debug: false     想研究swfupload的可以把這個(gè)設(shè)置為true,調(diào)試模式

接下來(lái)就是上傳圖片的php代碼,我就用的TP的上傳類(lèi),簡(jiǎn)單,容易懂

 

function uploadImg() {
import('ORG.Net.UploadFile');
$upload = new UploadFile();// 實(shí)例化上傳類(lèi)
$upload->maxSize  = 3145728 ;// 設(shè)置附件上傳大小
$upload->allowExts  = array('jpg', 'gif', 'png', 'jpeg');// 設(shè)置附件上傳類(lèi)型
$savepath='./uploads/'.date('Ymd').'/';
if (!file_exists($savepath)){
mkdir($savepath);
}
$upload->savePath =  $savepath;// 設(shè)置附件上傳目錄
if(!$upload->upload()) {// 上傳錯(cuò)誤提示錯(cuò)誤信息
$this->error($upload->getErrorMsg());
}else{// 上傳成功 獲取上傳文件信息
$info =  $upload->getUploadFileInfo();
}
print_r(J(__ROOT__.'/'.$info[0]['savepath'].'/'.$info[0]['savename']));
}

 

上傳成功以后,echo或者print_r輸出地址,因?yàn)樗玫氖莂jax的方式。

 

預(yù)覽區(qū)域設(shè)置的代碼

function uploadSuccess(file, serverData){
addImage(serverData);
var $svalue=$('form>input[name=s]').val();
if($svalue==''){
$('form>input[name=s]').val(serverData);
}else{
$('form>input[name=s]').val($svalue+"|"+serverData);
}
}
function addImage(src){
var newElement = "
  • "; $("#pic_list").append(newElement); $("img.button").last().bind("click", del); }

     

    serverData就是在php里返回的圖片地址,在返回以后,直接調(diào)用addImage方法,將地址加載到一個(gè)ul里。同時(shí)更新隱藏域里的值

    刪除圖片設(shè)置

     

    var del = function(){
    //    var fid = $(this).parent().prevAll().length + 1;
    var src=$(this).siblings('img').attr('src');
    var $svalue=$('form>input[name=s]').val();
    $.ajax({
    type: "GET", //訪問(wèn)WebService使用Post方式請(qǐng)求
    url: window.url+"/del", //調(diào)用WebService的地址和方法名稱組合---WsURL/方法名
    data: "src=" + src,
    success: function(data){
    var $val=$svalue.replace(data,'');
    $('form>input[name=s]').val($val);
    }
    });
    $(this).parent().remove();
    }

    ajax方式,提交到php方式,成功則更新隱藏域里的val,并且銷(xiāo)毀元素。

     

    function del() {
    $src=str_replace(__ROOT__.'/', '', str_replace('//', '/', $_GET['src']));
    if (file_exists($src)){
    unlink($src);
    }
    print_r($_GET['src']);
    exit();
    }

    刪除的方法很簡(jiǎn)單,就是刪除ajax提交過(guò)來(lái)的地址的文件,并且返回刪除的地址,ajax會(huì)處理并且自動(dòng)更新隱藏域的val

     

    整個(gè)ThinkPHP+swfupload上傳圖片的方法就完了。很簡(jiǎn)單。 ThinkPHP+swfupload多圖上傳實(shí)例下載鏈接: http://pan.baidu.com/s/1dD8avap 密碼: 7idq


    08-05更新ThinkPHP+swfupload多圖上傳實(shí)例  經(jīng)典實(shí)用的php多圖上傳


    網(wǎng)站欄目:08-05更新ThinkPHP+swfupload多圖上傳實(shí)例經(jīng)典實(shí)用的php多圖上傳
    轉(zhuǎn)載注明:http://weahome.cn/article/johsoc.html

    在線咨詢

    微信咨詢

    電話咨詢

    028-86922220(工作日)

    18980820575(7×24)

    提交需求

    返回頂部