layui圖片上傳
⑴ layui upload在before中怎麼結束上傳
我嘗試在before函數中返回false結果沒用,後面在success回調中判斷已上傳的張數,如果達到限制就隱藏上傳按鈕。這樣用戶就不能上傳了。
⑵ layui文件上傳 不兼容ie8怎麼解決
打開IE8,如果兼容性視圖在IE8中不能直接切換,在地址欄中顯示的樣子如下,
可以看到畫紅色圈的地方,一個是刷新,一個是停止。沒有兼容性視圖的按鈕。
打開兼容性視圖設置
選擇【頁面】,單擊【兼容性視圖設置】,
設置兼容性視圖
必須先把【在兼容性視圖中顯示所有網站】前面的復選框的勾選去掉,然後才能勾選上面兩個,
查看瀏覽器地址欄的變化
設置完畢後,單擊【關閉】即可。然後查看地址欄如下,
可以看到,增加了一個按鈕,它叫」兼容性視圖」,這樣在瀏覽網站的時候,就可以根據不同網站的需求來回切換了。
⑶ layui.upload上傳文件的同時怎麼傳遞一個參數
在 before 回調裡面 執行追加 隱藏input的操作,裡面放你的參數 $('.layui-upload-file').after( '<input type="hidden" name="xxxx" value="xxxx" />' );
這種方式只能傳遞靜態參數,對於select的值好像獲取不到
⑷ layui上傳模塊常用配置是哪些
上傳路徑,上傳類型,上傳大小,是否自動上傳,自定義名稱,成功回調,失敗回調等
⑸ 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>
⑹ layui多圖片怎麼按名稱順序上傳
這個跟layui沒關系,後台代碼可以獲取到上傳文件的文件名,然後存庫的時候再根據文件名排個序保存就可以了.
⑺ layui上傳文件怎麼才是上傳成功
設定一個 URL 地址給 url 參數,用來告訴 upload 模塊的服務端上傳介面。像你平時使用Ajax一樣。
⑻ 關於layui多文件上傳,只能取到一個文件的問題
你可以把文件壓縮成rar或者zip文件再進行上傳,這樣避免文件漏傳或者損害,也可以多個進行上傳,再在主機裡面解壓就可以了,希望能幫到你。
⑼ 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圖片上傳如何實現上傳之前先預覽
<head>
<meta charset='UTF-8'>
<meta name='Author' content='wanghua'>
<title>Test upload with Layui2</title>
<link rel='stylesheet' href='/assets/layui2/css/layui.css'/>
<style>
.thumb {margin-left:5px; margin-top:15px; height:128px}
#prevModal {width:100%; height:100%; text-align:center; display:none;}
#img_prev {max-width:98%; max-height:98%; margin: 10px auto}
</style>
</head>
<body>
<div class='layui-container' style='margin-top:15px'>
<button type="button" class="layui-btn" id="test1">
<i class="layui-icon"></i>選擇圖片