當前位置:首頁 » 文件傳輸 » tplayui上傳
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

tplayui上傳

發布時間: 2023-03-11 07:19:31

『壹』 layui.upload上傳文件的同時怎麼傳遞一個參數

在 before 回調裡面 執行追加 隱藏input的操作,裡面放你的參數 $('.layui-upload-file').after( '<input type="hidden" name="xxxx" value="xxxx" />' );
這種方式只能傳遞靜態參數,對於select的值好像獲取不到

『貳』 超文本編輯器如何上傳圖片

首先,實現文章發布或編輯的form表單,初始化layui富文本編輯器,效果如下:文章發布表單對應的HTML代碼如下:

thinkphp富文本編輯器如何實現上傳圖片
thinkphp富文本編輯器如何實現上傳圖片
其中是layedit的目標元素,建立編輯器以及表單提交的js代碼如下:

實現layedit插入圖片介面需要在建立編輯器之前配置uploadImage,本例中配置代碼如上圖JS代碼所示。

thinkphp富文本編輯器如何實現上傳圖片
layedit不提供服務端的圖片接受,需要我們在介面中實現,圖片上傳成功後返回指定格式的JSON信息,格式如下:

{

"code": 0, //0表示成功,其它失敗

"msg": "", //提示信息 //一般上傳失敗後返回

"data": {

"src": "圖片路徑",

"title": "圖片名稱" //可選

}

}

thinkphp富文本編輯器如何實現上傳圖片
本例中用thinkPHP5實現編輯器插入圖片介面的代碼如下:

我創建了一個資源上傳的控制器,專門用來處理文件上傳相關業務,其中有關thinkPHP5上傳文件的代碼請參考TP的官方文檔,這里不做過多解釋。

thinkphp富文本編輯器如何實現上傳圖片
然後,發布一篇科技互聯網新聞,演示一下效果。

在第一段後面添加一張圖片,提交後效果如下:

『叄』 layui文件上傳介面怎麼寫

require_once "../common_mysql.php";
require_once MESSAGE_PATH . 'zh/zh_calendar_message.php';
require_once "function_common/user_function.php";
require_once "function_common/public_function.php";
global $DB;
$sql_time = microtime ( true );

//$uid = $self_userid;

//保存圖片
$json_result ['status'] = 0;
$path = 'upfile';
$json_result ['status'] = 0;
$json_result ['successmsg'] = '傳失敗';
if (isset ( $_FILES ['imageZip'] )) {
$upfile = 'upfile/' . $_FILES ['imageZip'] ['name'];
if (! @file_exists ( $path )) {
@mkdir ( $path );
}
$result = @move_uploaded_file ( $_FILES ['imageZip'] ['tmp_name'], $upfile );
if (! $result) {
$json_result ['status'] = 0;
$json_result ['successmsg'] = '傳失敗';
$json_result ['datas'] = array ('savePath' => $upfile );
exit ( json_encode ( $json_result ) );
}
}

$json_result ['status'] = 1;
$json_result ['datas'] = array ('savePath' => $upfile );

『肆』 關於layui多文件上傳,只能取到一個文件的問題

你可以把文件壓縮成rar或者zip文件再進行上傳,這樣避免文件漏傳或者損害,也可以多個進行上傳,再在主機裡面解壓就可以了,希望能幫到你。

『伍』 layui文件上傳 介面怎麼寫

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>文件上傳</title> <link rel="stylesheet" href="layui/css/layui.css"> <link rel="stylesheet" href="css/global.css"> </head> <body> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> <legend>設定上傳文件的格式</legend> </fieldset> <input type="file" name="file" class="layui-upload-file"> <input type="file" name="file1" lay-type="file" class="layui-upload-file"> <input type="file" name="file1" lay-type="audio" class="layui-upload-file"> <input type="file" name="file2" lay-type="video" class="layui-upload-file"> <blockquote class="layui-elem-quote" style="margin-top: 20px;">支持拖動文件上傳</blockquote> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"> <legend>演示上傳</legend> </fieldset> <div class="site-demo-upload"> <img id="LAY_demo_upload" src="layui/images/tong.jpg"> <div class="site-demo-upbar"> <input type="file" name="file" class="layui-upload-file" id="test"> </div> </div> <p style="margin-top: 20px;">註:由於伺服器資源有限,所以此處每次給你返回的是同一張圖片</p> <script src="layui/layui.js"></script> <script> layui.use('upload', function(){ layui.upload({ url: '' //上傳介面 ,success: function(res){ //上傳成功後的回調 console.log(res) } }); layui.upload({ url: '/test/upload.json' ,elem: '#test' //指定原始元素,默認直接查找class="layui-upload-file" ,method: 'get' //上傳介面的http類型 ,success: function(res){ LAY_demo_upload.src = res.url; } }); }); </script> </body></html>