溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

php,js實(shí)現(xiàn)手機(jī)圖片上傳功能(thinkphp,mobile.js)

發(fā)布時(shí)間:2020-07-18 14:16:35 來(lái)源:網(wǎng)絡(luò) 閱讀:4258 作者:meng_philip 欄目:web開(kāi)發(fā)
  1. 頁(yè)面內(nèi)容顯示和js加載

    <td class="zhaoxiang" id="file_uploader_"><a href="javascript:void(0)" class="zhaox"></a></td>

  2. <script language="javascript" src="__STATIC__/js/mobile/mobile.js"></script>

    <script language="javascript" src="__STATIC__/js/plug_module/plug-in_module.js"></script>

    <script >

      var ATTACH_ACCESS_KEY = '<?php echo $attach_access_key; ?>';

      $(document).ready(function () {

    init_fileuploader('file_uploader', root + '?m=upload&a=attach_upload&attach_access_key='+ATTACH_ACCESS_KEY);

      });

    </script>

  3. php代碼編寫


    //檢測(cè)并上傳圖片

        public function attach_upload()

        {

                $id = $_REQUEST['id'] ? $_REQUEST['id'] : "";

                $attach_access_key = $_REQUEST['attach_access_key'] ? $_REQUEST['attach_access_key'] : "";

            import("@.ORG.UploadPic");

            $upload = new UploadPic();

            $savepath = "data/upload/weixinpic/".date("Y-m-d")."/";

            if(!file_exists($savepath)){

                $this->createDir($savepath);

            }

            $upload->initialize(array(

                    'allowed_types' => 'jpg,jpeg,png,gif',

                    'upload_path' => $savepath,

                    'is_p_w_picpath' => FALSE,

                    'max_size' => 10240

            ));

            if (isset($_REQUEST['qqfile']))

            {

                    $upload->do_upload($_REQUEST['qqfile'], true);

            }

            else if (isset($_FILES['qqfile']))

            {

                    $upload->do_upload('qqfile');

            }

            else

            {

                    return false;

            }

            if ($upload->get_error())

            {

                    switch ($upload->get_error())

                    {

                            default:

                              die("{'error':'錯(cuò)誤代碼: " .                                             $upload->get_error() . "'}");

                            break;

                            case 'upload_invalid_filetype':

                                    die("{'error':'文件類型無(wú)效'}");

                            break;

                            case 'upload_invalid_filesize':

                             die("{'error':'文件尺寸過(guò)大, 最大允                            許尺寸為 10240 KB'}");

                            break;

                    }

            }

            if (! $upload_data = $upload->data())

            {

                    die("{'error':'上傳失敗, 請(qǐng)與管理員聯(lián)系'}");

            }

            if ($upload_data['is_p_w_picpath'] == 1)

            {

                    $config['p_w_upload_thumbnail'] = array(

                            'min' => array(

                                    "w" => 170, 

                                    "h" => 110

                            ), 

                            'square' => array(

                                   "w" => 90, 

                                    "h" => 90

                            )

                    );

                    import("@.ORG.Images");

                    $p_w_picpath = new Images();

                    foreach($config['p_w_upload_thumbnail'] AS $key => $val)

                    {

                            $thumb_file[$key] = $upload_data['file_path'] . $val['w'] . 'x' . $val['h'] . '_' . basename($upload_data['full_path']);

                            $p_w_picpath->initialize(array(

                                    'quality' => 90,

                                    'source_p_w_picpath' => $upload_data['full_path'],

                                    'new_p_w_picpath' => $thumb_file[$key],

                                    'width' => $val['w'],

                                    'height' => $val['h']

                            ))->resize();

                    }

            }

            $ptem['ue_id'] = $ueid;

            $add = array();

            $add['file_name'] = $upload_data['orig_name'];

            $add['access_key'] = $attach_access_key;

            $add['add_time'] = time();

            $ainfo = M('attach')->where($ptem)->find();

            if(!empty($ainfo)){

                $maxid = M('attach')->where($ptem)->max("que_sort");

                $add['que_sort'] = $maxid + 1;

            }else{

                $add['que_sort'] = 0; 

            }

            if(false == strpos($upload_data['full_path'],"http://")){

                 $filepath = "http://".$_SERVER['HTTP_HOST']."/".$savepath.basename($upload_data['full_path']);// 文件真實(shí)路徑

            }else{

                 $filepath = $savepath.basename($upload_data['full_path']);

            }

            $add['file_location'] = basename($upload_data['full_path']);

            $add['user_que_content'] =  $filepath;

            $attach_id = M("attach")->add($add);

            unset($add);

            $output = array(

                        'success' => true,

                        'delete_url' => '?m=upload&a=remove_attach&attach_id=' . base64_encode(encode_hash(array(

                        'attach_id' => $attach_id, 

                        'access_key' => $attach_access_key

                    ))),

                    'attach_id' => $attach_id,

                    'attach_tag' => 'attach'

            );

            //獲取內(nèi)容

            $attachinfo = M("attach")->where("id = " . intval($attach_id))->find();    

            if (!empty($attachinfo))

            {

                    $data = $this->parse_attach_data(array($attachinfo),                                 'square');

                    $attach_info = $data[intval($attach_id)];

            }

            if ($attach_info['thumb'])

            {

                    $output['thumb'] = $attach_info['thumb'];

            }

            echo htmlspecialchars(json_encode($output), ENT_NOQUOTES);

    }

    

    //刪除圖片附件

    public function remove_attach()

    {

            $attach_id = $_REQUEST['attach_id'] ? trim($_REQUEST['attach_id']) : '';

            //判斷id是否為空

            if(!$attach_id){

                echo str_replace(array("\r", "\n", "\t"), '',                                json_encode(array('rsm' => "圖片id不存在無(wú)法刪除",'errno' =>                    0,'err' => "圖片id不存在無(wú)法刪除")));

                exit;

            }

            if ($attach_info = decode_hash(base64_decode($attach_id)))

            {

                    $id = $attach_info['attach_id'];

                    $access_key = $attach_info['access_key'];

                    //判斷圖片是否存在

                    if (! $attach = M("attach")->where("id = " . intval($id) . "                       AND access_key = '" . $access_key . "'")->find())

                    {

                           echo str_replace(array("\r", "\n", "\t"), '', json_encode(array('rsm' => "圖片id不存在無(wú)法刪除",'errno' => 0,'err' => "圖片id不存在無(wú)法刪除")));

                           exit;

                    }

                    //刪除圖片

                    M("attach")->where("id = " . intval($id) . " AND access_key = '" . $access_key . "'")->delete();

                    //刪除圖片文件

                    $attach_dir = "data/upload/weixinpic/".date("Y-m-d")."/";

                    $config['p_w_upload_thumbnail'] = array(

                            'min' => array(

                                    "w" => 170, 

                                    "h" => 110

                            ), 

                            'square' => array(

                                    "w" => 90, 

                                    "h" => 90

                            )

                    );

                    foreach($config['p_w_upload_thumbnail'] AS $key => $val)

                    {

                            @unlink($attach_dir . $val['w'] . 'x' . $val['h'] . '_' . $attach['file_location']);

                    }

                    @unlink($attach_dir . $attach['file_location']);

            }

            echo str_replace(array("\r", "\n", "\t"), '', json_encode(array('rsm' => null,'errno' => 1,'err' => null)));

            exit;

    }


    

    //處理并解析附件數(shù)據(jù)

    public function parse_attach_data($attach, $size = null)

    {

            if (!$attach)

            {

                return false;

            }

            $config['p_w_upload_thumbnail'] = array(

                    'min' => array(

                            "w" => 170, 

                            "h" => 110

                    ), 

                    'square' => array(

                            "w" => 90, 

                            "h" => 90

                    )

            );

            $attach_url = "data/upload/weixinpic/".date("Y-m-d")."/";

            foreach ($attach as $key => $data)

            {

                    $attach_list[$data['id']] = array(

                            'id' => $data['id'], 

                            'is_p_w_picpath' => 1, 

                            'file_name' => $data['file_name'], 

                            'access_key' => $data['access_key'], 

                            'p_w_upload' => $data['user_que_content'],

                    );

                    if ($size)

                    {

                        $attach_list[$data['id']]['thumb'] = $attach_url . '/' . $config['p_w_upload_thumbnail'][$size]['w'] . 'x' . $config['p_w_upload_thumbnail'][$size]['h'] . '_' . $data['file_location'];

                    }

            }

            return $attach_list;

    }

4.效果圖

php,js實(shí)現(xiàn)手機(jī)圖片上傳功能(thinkphp,mobile.js)

php,js實(shí)現(xiàn)手機(jī)圖片上傳功能(thinkphp,mobile.js)

php,js實(shí)現(xiàn)手機(jī)圖片上傳功能(thinkphp,mobile.js)


附件:http://down.51cto.com/data/2365571
向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI