當前位置:首頁 » 文件管理 » layui圖片上傳

layui圖片上傳

發布時間: 2022-01-17 08:09:47

⑴ 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>選擇圖片

熱點內容
如何給360雲盤加密 發布:2022-05-18 01:45:32 瀏覽:509
公司一台伺服器變多台電腦 發布:2022-05-18 01:44:18 瀏覽:177
java連接sql2008 發布:2022-05-18 01:44:18 瀏覽:829
名學編程 發布:2022-05-18 01:44:08 瀏覽:337
php介面視頻 發布:2022-05-18 01:43:11 瀏覽:29
編程球簡介 發布:2022-05-18 01:42:43 瀏覽:163
美食天下源碼 發布:2022-05-18 01:42:42 瀏覽:864
javalist的方法 發布:2022-05-18 01:41:06 瀏覽:602
戰地1和泰坦2哪個要求配置高 發布:2022-05-18 01:38:07 瀏覽:430
如何給應用鎖加臉部密碼 發布:2022-05-18 01:35:02 瀏覽:64