您的位置:首页 > Web前端 > JavaScript

js需要粘贴复制的零碎代码总结

2017-08-07 10:25 330 查看
//首先最最常用的是ajax方法:
$.ajax({
url : "${ctx}/change/userLogList",
type : "POST",
data : {
account_no : user
},
dataType : "json",
success : function(json) {
var str;
$.each(json.userLogList, function(i, domEle) {
str += "<tr class='tableCenter'><td>"
+ domEle.userIp + "</td>" + "<td>"
+ domEle.userMac + "</td>" + "<td>"
+ domEle.onlineDate + "</td>" + "<td>"
+ domEle.offlineDate + "</td>" + "<td>"
+ domEle.onlineTime + "</td></tr>";

});
$("#userLogList").replaceWith(str);
}
});
//上传照片的方法
//js代码
/**
* 从 file 域获取 本地图片 url
*/
function getFileUrl(sourceId) {
var url;
if (navigator.userAgent.indexOf("MSIE") >= 1) { // IE
url = document.getElementById(sourceId).value;
} else if (navigator.userAgent.indexOf("Firefox") > 0) { // Firefox
url = window.URL
.createObjectURL(document.getElementById(sourceId).files
.item(0));
} else if (navigator.userAgent.indexOf("Chrome") > 0) { // Chrome
url = window.URL
.createObjectURL(document.getElementById(sourceId).files
.item(0));
}
return url;
}
/**
* 将本地图片 显示到浏览器上
*/
function preImg(sourceId, targetId, value) {
if (value.length > 0) {
var filepath = value;
var extStart = filepath.lastIndexOf(".");
var ext = filepath.substring(extStart, filepath.length)
.toLowerCase();
//用于验证文件扩展名的正则表达式
var strRegex = "(.gif|.jpg|.jpeg|.png)$";
var re = new RegExp(strRegex);
if (re.test(ext.toLowerCase())) {
var url = getFileUrl(sourceId);
var imgPre = document.getElementById(targetId);
imgPre.src = url;
} else {
alert("上传照片不合法,请您.jpg格式照片!");
return false;
}
}

}
//html代码
<div class="uploadFile">
点击上传正面照片<input type="file" name="file1" id="file1"onchange="preImg(this.id,'imgPre1',this.value);"
class=" valid uploadOpcia"
style="width: 250px; height: 50px; cursor: pointer" />
</div>

//待写。。。。。。。。。。。。。。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript