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>选择图片