图片上传

Posted 时间随风

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片上传相关的知识,希望对你有一定的参考价值。

摘要---保存

一.验证图片格式JS:

  

/** 提交照片表单 */
function uploadImg() {
var photo = $("#pathForm .uploadInput").val();
var ends = photo.split(".")[1];
if (ends!="png" && ends!="jpg" && ends!="jpeg") {
util.dialog.error("照片格式有误,请重新选择!");
return;
}
$("#pathForm")[0].submit();
}
/**
* 提交照片回调函数
* 处理回调后显示照片
* @param path
*/
function callback(path, photoId) {
if (path == null) {
util.dialog.error("图片上传失败,请重试!");
return;
} else if (path == "fileTooBig") {
util.dialog.error("图片大小超过1MB,请重试!");
return;
}
var html = ‘<li class="fl">‘;
html += ‘<input type="hidden" class="photoId" value="‘+photoId+‘" />‘;
html += ‘<div class="imgDelDiv"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></div>‘;
html += ‘<div class="doorImg"><img src="‘+r.host+path+‘" /></div></li>‘;
$(".room_imgUl").append(html);
// 绑定点击放大
$(".doorImg img").last().bind("click", function(){
showBigImg($(this));
});
// 绑定删除图片
$(".imgDelDiv").last().bind("click", function(){
delImg($(this));
});
}
/** 图片点击放大 **/
function showBigImg($this) {
var imgUrl = $this.attr("src");
art.dialog({
content : ‘<img style="max-height:600px;" src="‘+imgUrl+‘" />‘,
lock : true
});
}
/** 删除图片 **/
function delImg($this) {
var delPhotoId = $this.parent().find(".photoId").val();
if (delPhotoId == null || delPhotoId == "") {
util.dialog.error("删除照片失败,请刷新后重试");
}
util.ajax(r.host+"house/house/editFsRoom/delImg", {
fsRoomId: $("#fsRoomId").val(),
delPhotoId: delPhotoId
}, function(msg){
$this.parent().remove();
});
}

以上是关于图片上传的主要内容,如果未能解决你的问题,请参考以下文章

ASP.NET上传控件上传图片

我本地的图片怎么上传上去?就是图片要弄地址?

PHP Fckeditor 上传图片的问题

php 在多个上传图片时 怎么获取 要上传的图片宽高

我的论坛上传图片为啥压缩太厉害?

ThinkPHP 上传图片压缩原图片?