『壹』 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>