sessionStorage.setItem("vali_data", false);
/**
* 上傳圖片
* @param trigger 觸發(fā)事件
* @param preview 預(yù)覽元素
* @param up_path 插入隱藏input元素
*/
function laryer_upload_one(trigger,preview,up_path){
layui.use('upload', function(){
var upload = layui.upload;
var upload = layui.upload;
//執(zhí)行實(shí)例
var uploadInst = upload.render({
elem: trigger, //點(diǎn)擊按鈕
url: "/user/asset/webuploader.html?_ajax=1", //url
before: function(obj){
//預(yù)讀本地文件示例,不支持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 觸發(fā)事件
* @param preview 預(yù)覽元素
* @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;
//執(zhí)行實(shí)例
var uploadInst = upload.render({
elem: trigger, //點(diǎn)擊按鈕
url: "/user/asset/webuploader.html?_ajax=1", //url
before: function(obj){
//預(yù)讀本地文件示例,不支持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>")
}
/**
* 驗(yàn)證手機(jī)
* @returns {boolean}
*/
function checkPhone(phone){
if(!(/^1[34578]\d{9}$/.test(phone))){
return false;
}
return true;
}
$('button').click(function () {
$('.layui-upload-file').remove();
});
/**
* 發(fā)送短信
* @param mobile_input 手機(jī)號(hào)存放的元素
* @param send_button 倒計(jì)時(shí)提示元素
* @param url 發(fā)送的URL
*/
function send_sms(mobile_input,send_button,ver,url){
var mobile = $(mobile_input).val();
if(!checkPhone(mobile))
{
return layer.msg('手機(jī)號(hào)不正確!', {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('發(fā)送成功!', {icon: 6});
}
else
{
return layer.msg(data.msg, {icon: 5});
}
},
error: function()
{
return layer.msg('網(wǎng)絡(luò)錯(cuò)誤!', {icon: 5});
}
});
}
/**
* 短信倒計(jì)時(shí)
* @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("獲取驗(yàn)證碼");
countdown = 60;
return;
} else {
$(obj).attr("disabled",true);
$(obj).text("(" + countdown + ") s 重新發(fā)送");
countdown--;
}
setTimeout(function() {
settime(obj) }
,1000)
}
}
/**
* 驗(yàn)證手機(jī)短信
* @param mobile_input 獲取手機(jī)號(hào)元素
* @param valicode_button 獲取驗(yàn)證碼元素
*/
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('驗(yàn)證成功!', {icon: 6});
}
else
{
sessionStorage.setItem("vali_data", false);
layer.msg("驗(yàn)證失?。?, {icon: 5});
return false;
}
},
error: function()
{
return layer.msg('網(wǎng)絡(luò)錯(cuò)誤!', {icon: 5});
}
});
}
function reloadPage(win) {
var location = win.location;
location.href = location.pathname + location.search;
}
//所有的刪除操作,刪除數(shù)據(jù)后刷新頁面
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 : "確定要?jiǎng)h除?";
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刪除和手機(jī)驗(yàn)證,上傳圖片的方法,基于layer
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 任何編程語言,隨機(jī)數(shù)都是必不可少的,我在開發(fā)過程中,尤其在自己做一些小玩意的時(shí)候,就經(jīng)常使用隨機(jī)數(shù),后來發(fā)現(xiàn)每次使...
- 代碼非常簡單,先上代碼 主要注意兩點(diǎn):(1)當(dāng)使用 form f表單配合 fajax f上傳文件的時(shí)候, form...
- html主要代碼 php端代碼 小型demo 歡迎測試 增添一個(gè)錯(cuò)誤問題的解決方法 項(xiàng)目應(yīng)用中老是返回失敗,路徑...
- 一般上傳圖片的步驟: 1:創(chuàng)建UIActionSheet,利用其代理方法判斷是調(diào)用相機(jī)還是相冊(cè)2:創(chuàng)建相機(jī)方法;3...