濮阳杆衣贸易有限公司

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

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

熱門標簽:萍鄉(xiāng)商鋪地圖標注 代理打電話機器人 桂陽公司如何做地圖標注 太原400電話申請流程 企業(yè)400電話辦理多少費用 神龍斗士電話機器人 合肥企業(yè)外呼系統(tǒng)線路 電信外呼系統(tǒng)多少錢一個月 宿州正規(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 // 自動上傳
  ,before:function (obj) {
   console.log(obj);
   // 預覽
   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');
 // 移動到框架應(yīng)用根目錄/public/uploads/ 目錄下
 $info = $file->move('public/upload/');
 if ($info) {
  $path = 'public/upload/'.$info->getSaveName();
  return return_succ($path);
 }

總結(jié)

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

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

標簽:白銀 鄂州 辛集 綏化 廊坊 崇左 太原 衡陽

巨人網(wǎng)絡(luò)通訊聲明:本文標題《ThinkPHP5+Layui實現(xiàn)圖片上傳加預覽功能》,本文關(guān)鍵詞  ThinkPHP5+Layui,實現(xiàn),圖片,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《ThinkPHP5+Layui實現(xiàn)圖片上傳加預覽功能》相關(guān)的同類信息!
  • 本頁收集關(guān)于ThinkPHP5+Layui實現(xiàn)圖片上傳加預覽功能的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    普洱| 赤峰市| 富顺县| 武川县| 德钦县| 南皮县| 蒙自县| 杨浦区| 定州市| 磐安县| 博白县| 开封县| 昌吉市| 铜鼓县| 平昌县| 玉环县| 辉县市| 永城市| 雷波县| 雅安市| 莫力| 百色市| 大关县| 波密县| 临西县| 富蕴县| 静宁县| 弥勒县| 开平市| 磴口县| 庆安县| 海晏县| 开阳县| 南汇区| 托克逊县| 麟游县| 崇义县| 济源市| 柳江县| 竹北市| 乌兰浩特市|