濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > ThinkPHP5+Layui實(shí)現(xiàn)圖片上傳加預(yù)覽功能

ThinkPHP5+Layui實(shí)現(xiàn)圖片上傳加預(yù)覽功能

熱門標(biāo)簽:萍鄉(xiāng)商鋪地圖標(biāo)注 代理打電話機(jī)器人 桂陽(yáng)公司如何做地圖標(biāo)注 太原400電話申請(qǐng)流程 企業(yè)400電話辦理多少費(fèi)用 神龍斗士電話機(jī)器人 合肥企業(yè)外呼系統(tǒng)線路 電信外呼系統(tǒng)多少錢一個(gè)月 宿州正規(guī)外呼系統(tǒng)軟件

html代碼

div class="layui-upload">
 button type="button" class="layui-btn" id="cover">上傳封面/button>
/div> 
div class="layui-input-inline">
 img id="preview" width="200px" height="200px">
/div>

js代碼

var uploadInst = upload.render({
  elem:'#cover'
  ,url:'addCourse'
  ,accept:'file' // 允許上傳的文件類型
  ,auto:true // 自動(dòng)上傳
  ,before:function (obj) {
   console.log(obj);
   // 預(yù)覽
   obj.preview(function(index,file,result) {
    // console.log(file.name); //圖片名字
    // console.log(file.type); //圖片格式
    // console.log(file.size); //圖片大小
    // console.log(result); //圖片地址
    $('#preview').attr('src',result); //圖片鏈接 base64
   });
   // layer.load();
  }
  // 上傳成功回調(diào)
  ,done:function(res) {
   // console.log(upload);
   console.log(res);
  }
  // 上傳失敗回調(diào)
  ,error:function(index,upload) {
   // 上傳失敗
  }
 });

php接口

$file = request()->file('file');
 // 移動(dòng)到框架應(yīng)用根目錄/public/uploads/ 目錄下
 $info = $file->move('public/upload/');
 if ($info) {
  $path = 'public/upload/'.$info->getSaveName();
  return return_succ($path);
 }

總結(jié)

以上所述是小編給大家介紹的ThinkPHP5+Layui實(shí)現(xiàn)圖片上傳加預(yù)覽功能,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

您可能感興趣的文章:
  • TP3.2.3框架使用CKeditor編輯器在頁(yè)面中上傳圖片的方法分析
  • thinkphp3.2實(shí)現(xiàn)上傳圖片的控制器方法
  • thinkPHP利用ajax異步上傳圖片并顯示、刪除的示例
  • thinkphp ajaxfileupload實(shí)現(xiàn)異步上傳圖片的示例
  • thinkphp5上傳圖片及生成縮略圖公共方法(分享)
  • thinkPHP實(shí)現(xiàn)上傳圖片及生成縮略圖功能示例
  • 使用ThinkPHP+Uploadify實(shí)現(xiàn)圖片上傳功能
  • ThinkPHP實(shí)現(xiàn)圖片上傳操作的方法詳解
  • thinkphp jquery實(shí)現(xiàn)圖片上傳和預(yù)覽效果
  • 基于ThinkPHP5.0實(shí)現(xiàn)圖片上傳插件
  • ThinkPHP5.0 圖片上傳生成縮略圖實(shí)例代碼說明
  • TP框架實(shí)現(xiàn)上傳一張圖片和批量上傳圖片的方法分析

標(biāo)簽:白銀 鄂州 辛集 綏化 廊坊 崇左 太原 衡陽(yáng)

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ThinkPHP5+Layui實(shí)現(xiàn)圖片上傳加預(yù)覽功能》,本文關(guān)鍵詞  ThinkPHP5+Layui,實(shí)現(xiàn),圖片,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《ThinkPHP5+Layui實(shí)現(xiàn)圖片上傳加預(yù)覽功能》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于ThinkPHP5+Layui實(shí)現(xiàn)圖片上傳加預(yù)覽功能的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    海晏县| 恩平市| 开平市| 丹寨县| 安图县| 雷州市| 青川县| 衡东县| 梅河口市| 确山县| 从化市| 姜堰市| 理塘县| 诸暨市| 城口县| 大同市| 禹州市| 江山市| 澳门| 华容县| 星子县| 凭祥市| 榆社县| 旌德县| 甘孜县| 名山县| 四川省| 咸宁市| 厦门市| 徐汇区| 黔南| 确山县| 育儿| 雷州市| 库伦旗| 石泉县| 松江区| 锦屏县| 旬邑县| 卢龙县| 禄劝|