sessionStorage.setItem("vali_data", false);
/**
* 上传图片
* @param trigger 触发事件
* @param preview 预览元素
* @param up_path 插入隐藏input元素
*/
function laryer_upload_one(trigger,preview,up_path){
layui.use('upload', function(){
var upload = layui.upload;
var upload = layui.upload;
//执行实例
var uploadInst = upload.render({
elem: trigger, //点击按钮
url: "/user/asset/webuploader.html?_ajax=1", //url
before: function(obj){
//预读本地文件示例,不支持ie8
obj.preview(function(index, file, result){
$(preview).attr('src', result); //图片链接(base64)
});
},
done: function(res){
//如果上传失败
if(res.code != 1){
return layer.msg('上传失败', {icon: 5});
}
var url = res.data.preview_url;
$(up_path).val(url);
//上传成功
return layer.msg('上传成功',{icon: 6});
}
,error: function(){
return layer.msg('上传失败',{icon: 5});
}
});
});
}
/**
* 上传多张图片
* @param trigger 触发事件
* @param preview 预览元素
* @param up_path 插入隐藏input元素
* @param name input 存放路径要
*/
function laryer_upload_multi(trigger,preview,up_path,name){
layui.use('upload', function(){
var upload = layui.upload;
var upload = layui.upload;
//执行实例
var uploadInst = upload.render({
elem: trigger, //点击按钮
url: "/user/asset/webuploader.html?_ajax=1", //url
before: function(obj){
//预读本地文件示例,不支持ie8
// obj.preview(function(index, file, result){
// $(preview).attr('src', result); //图片链接(base64)
// });
},
done: function(res){
//如果上传失败
if(res.code != 1){
return layer.msg('上传失败', {icon: 5});
}
var url = res.data.preview_url;
$(up_path).after('<input type="hidden" class="form-control" value="'+url+'" id="" name="'+name+'[]" >');
//上传成功
add("#fake-img",".fake-div-img",url);
return layer.msg('上传成功',{icon: 6});
}
,error: function(){
return layer.msg('上传失败',{icon: 5});
}
});
});
}
function add(ID,Class,img){
$(Class).append("<div class='col-md-3'><img class='fake-img1' width='200' height='200' src='"+img+"' alt=''/></div>")
}
/**
* 验证手机
* @returns {boolean}
*/
function checkPhone(phone){
if(!(/^1[34578]\d{9}$/.test(phone))){
return false;
}
return true;
}
$('button').click(function () {
$('.layui-upload-file').remove();
});
/**
* 发送短信
* @param mobile_input 手机号存放的元素
* @param send_button 倒计时提示元素
* @param url 发送的URL
*/
function send_sms(mobile_input,send_button,ver,url){
var mobile = $(mobile_input).val();
if(!checkPhone(mobile))
{
return layer.msg('手机号不正确!', {icon: 5});
}
$.ajax({
type: 'POST',
url:url,
data: {mobile:mobile,ver:ver},
dataType: 'json',
success: function(data)
{
if (data['code'] == 1)
{
invokeSettime(send_button);
return layer.msg('发送成功!', {icon: 6});
}
else
{
return layer.msg(data.msg, {icon: 5});
}
},
error: function()
{
return layer.msg('网络错误!', {icon: 5});
}
});
}
/**
* 短信倒计时
* @param obj
*/
function invokeSettime(obj){
if($(obj).attr('disabled') == 'disabled'){
return false;
}
var countdown=60;
settime(obj);
function settime(obj) {
if (countdown == 0) {
$(obj).attr("disabled",false);
$(obj).text("获取验证码");
countdown = 60;
return;
} else {
$(obj).attr("disabled",true);
$(obj).text("(" + countdown + ") s 重新发送");
countdown--;
}
setTimeout(function() {
settime(obj) }
,1000)
}
}
/**
* 验证手机短信
* @param mobile_input 获取手机号元素
* @param valicode_button 获取验证码元素
*/
function vali_code(mobile_input,valicode_button,url){
var mobile = $(mobile_input).val();
var valicode = $(valicode_button).val();
$.ajax({
type: 'POST',
url:url,
data: {mobile:mobile,ver:valicode},
dataType: 'json',
success: function(data)
{
if (data['code'] == 1)
{
sessionStorage.setItem("vali_data", true);
return layer.msg('验证成功!', {icon: 6});
}
else
{
sessionStorage.setItem("vali_data", false);
layer.msg("验证失败!", {icon: 5});
return false;
}
},
error: function()
{
return layer.msg('网络错误!', {icon: 5});
}
});
}
function reloadPage(win) {
var location = win.location;
location.href = location.pathname + location.search;
}
//所有的删除操作,删除数据后刷新页面
if ($('a.js-ajax-delete').length) {
layui.use('layer', function () {
$('.js-ajax-delete').on('click', function (e) {
e.preventDefault();
var _this = $(this);
href = _this.attr('href');
msg = _this.attr('msg');
href = href ? href : _this.attr('href');
msg = msg ? msg : "确定要删除?";
layer.confirm(msg, {
btn: ['确定','取消'] //按钮
}, function(){
$.getJSON(href).done(function (data) {
if (data.code == '1') {
_this.parents('tr').remove();
layer.msg('删除成功!',{icon: 6});
} else if (data.code == '0') {
layer.msg('删除失败!',{icon: 5});
}
});
}, function(){
return false;
});
});
});
}
js封装,常用ajax删除和手机验证,上传图片的方法,基于layer
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 任何编程语言,随机数都是必不可少的,我在开发过程中,尤其在自己做一些小玩意的时候,就经常使用随机数,后来发现每次使...
- 代码非常简单,先上代码 主要注意两点:(1)当使用 form f表单配合 fajax f上传文件的时候, form...
- html主要代码 php端代码 小型demo 欢迎测试 增添一个错误问题的解决方法 项目应用中老是返回失败,路径...
- 一般上传图片的步骤: 1:创建UIActionSheet,利用其代理方法判断是调用相机还是相册2:创建相机方法;3...