简单的iframe无刷新上传带生产缩略图和水印

 

 

 

简单是iframe上传封装

还在学习当中希望多提意见，谢谢了

 

(function($) {
$.fn.extend({
upload: function(options) {
var defaults = {
// 默认参数
  url: " /anran/ " , // 1,url是上传地址
  type: " s " , // Type操作类型,s是上传，d是删除
  ImageName: " mag " , // imageName上传图片Id
  up: " file1 " , // up上传file的name值
  defultImage: " /Image/fbz.jpg " , // defultImage图片显示的默认图片
height: " 200 " , // 缩略图高度
width: " 200 " , // 缩略图宽度
mode: " HW " , // 缩略图类型
WaterPic: " Y " // 是否添加水印 y是添加，n是不添加
}

var options = $.extend(defaults, options);

return this .each(function() {

uploadImage(options.url, options.type, options.ImageName, options.up, options.defultImage, options.height, options.width, options.mode, options.WaterPic);
});

//图片上传调用

function uploadImage(url, funType, imageName, up, defultImage, height, width, mode, isWaterPic) {
$( " [Id$=' " + up + " '] " ).attr( " name " , up);
var uploadValue = $( " [Id$=' " + up + " '] " ).val(); // 当前上传值
var img = $( " [id$= " + imageName + " ] " ). get ( 0 ).src.substring($( " [id$= " + imageName + " ] " ). get ( 0 ).src.lastIndexOf( ' / ' ) + 1 ); // 图片名
// 点击上传按钮时（先验证了图片格式）
if (funType.toString().toUpperCase() == ' S ' ) {
var num = 0 ;
if (checkData(uploadValue)) {
$( " [t='t'] " ).each(function() {
if ($( this ).val() == uploadValue) {
alert( " 提示:请不要上传相同图片 " );
num ++ ;
}
})
if (num == 0 ) {
if ($( " [tag$=' " + up + " '] " ).val() == null ) {
$( " #form1 " ).append( " <input tag=' " + up + " ' style='display:none' t='t' type='text'/> " );
}
$( " [tag=' " + up + " '] " ).val(uploadValue);
$( " #form1 " ).attr( " action " , " /Upload/upload.ashx?UploadFile= " + url + " &ImageName= " + imageName + " &up= " + up + " &adddel= " + url + " SmllPic/ " + img + " &def= " + defultImage + " &h= " + height + " &w= " + width + " &mode= " + mode + " &isNWaterPic= " + isWaterPic);
$( " #form1 " ).attr( " target " , " hd " );
$( " #form1 " ).submit();
}
}
} else if (funType.toString().toUpperCase() == ' D ' ) {
if (img == defultImage.substring(defultImage.lastIndexOf( ' / ' ) + 1 )) {
return ;
}
// array = array.slice(0, i).concat(array.slice(i + 1)); // 对i为最后一个元素或第一个元素都没问题,而且i=-1为最后一个元素.以此类推.
$( " [tag=' " + up + " '] " ).remove();
$( " #form1 " ).attr( " action " , " /Upload/upload.ashx?UploadFile= " + url + " &del= " + url + " SmllPic/ " + img + " &ImageName= " + imageName + " &up= " + up + " &def= " + defultImage + " &isNWaterPic= " + isWaterPic);
$( " #form1 " ).attr( " target " , " hd " );
$( " #form1 " ).submit();

}
}

 ///验证上传的图片

/// 验证上传的图片
function checkData(upload) {
var result = true ;
var fileName = upload; // 获得上传控件对象值
if (fileName == "" ) {
alert( " 提示:请先选择你上传的图片 " );
return false ;
}
var exName = fileName.substr(fileName.lastIndexOf( " . " ) + 1 ).toUpperCase();
if (exName != " JPG " && exName != " BMP " && exName != " GIF " && exName != " JPEG " && exName != " PNG " ) {
alert( " 提示:只能上传jpg,bmp,gif,jpeg,png格式的图片 " );
result = false ;
}
return result;

}

//url重新定向

 

function rea() {
$( " #form1 " ).attr( " action " , location.href);
$( " #form1 " ).removeAttr( " target " );
if ($( " #form1 " ).attr( " target " ) == null || $( " #form1 " ).attr( " target " ) == "" ) {
return true ;
}
else {
return false ;
}
}

 

 

 一般处理程序中的代码

public void ProcessRequest(HttpContext context)
{
HttpRequest Request = context.Request;
HttpResponse Response = context.Response;
HttpServerUtility Server = context.Server;
// 指定输出头和编码
Response.ContentType = " text/html " ;
Response.Charset = " gb2313 " ;
HttpPostedFile f = Request.Files[Request.QueryString[ " up " ]];
string sql = Request.QueryString[ " UploadFile " ];
// 获取上传的文件
string oldfile = f.FileName;
if (Request.QueryString[ " def " ] != f.FileName)
{

if (File.Exists(Server.MapPath(Request.QueryString[ " del " ])))
{
File.Delete(Server.MapPath(Request.QueryString[ " del " ]));
Response.Write( " <script>parent.UpdateMsddg('','',' " + Request.QueryString[ " ImageName " ] + " ',' " + Request.QueryString[ " def " ] + " ',' " + Request.QueryString[ " up " ] + " ')</script> " );
return ;
}
}
if (Request.QueryString[ " adddel " ] != sql + Request.QueryString[ " def " ])
{
if (File.Exists(Server.MapPath(Request.QueryString[ " adddel " ])))
{
File.Delete(Server.MapPath(Request.QueryString[ " adddel " ]));
}
}
string nowTime = DateTime.Now.ToString( " yyyyMMddHHmmss " ); // 文件名
string oldformate = oldfile.Substring(oldfile.LastIndexOf( ' . ' )); // 文件格式
string newFileName = nowTime + oldfile.Substring(oldfile.LastIndexOf( ' . ' )); // 文件全名

if ( ! Directory.Exists(Server.MapPath(sql + " /SmllPic " )))
{
Directory.CreateDirectory(Server.MapPath(sql + " /SmllPic " ));
}
f.SaveAs(Server.MapPath(sql + newFileName));


// 生成缩略图
string newFile = sql + " SmllPic/ " ; // 缩略图保存途径
MakeSmallPic.MakeThumbnail(Server.MapPath(sql + newFileName), Server.MapPath(newFile + newFileName), Convert.ToInt32(Request.QueryString[ " w " ]), Convert.ToInt32(Request.QueryString[ " h " ]), Request.QueryString[ " mode " ]);
if (File.Exists(Server.MapPath(sql + newFileName)))
{
File.Delete(Server.MapPath(sql + newFileName));
}
if (Request.QueryString[ " isNWaterPic " ].ToUpper() == " Y " )
{
// 带上水印/Image/zipsd.png水印图片
MakeWaterPic.AddWaterPic(Server.MapPath(newFile + newFileName), Server.MapPath(newFile + nowTime + " 1 " + oldformate), Server.MapPath( " /Image/zipsd.png " ));

if (File.Exists(Server.MapPath(newFile + newFileName)))
{
File.Delete(Server.MapPath(newFile + newFileName));
}
// 如果要保存到其他地方，注意修改这里
// 调用父过程更新内容，注意要对des变量进行js转义替换，繁殖字符串不闭合提示错误
context.Response.Write( " <script>window.parent.UpdateMsddg(' " + nowTime + " 1 " + oldformate + " ',' " + newFile + " ',' " + Request.QueryString[ " ImageName " ] + " ',' " + Request.QueryString[ " def " ] + " ',' " + Request.QueryString[ " up " ] + " ')</script> " );
}
else
{
// 如果要保存到其他地方，注意修改这里
// 调用父过程更新内容，注意要对des变量进行js转义替换，繁殖字符串不闭合提示错误
context.Response.Write( " <script>window.parent.UpdateMsddg(' " + nowTime + oldformate + " ',' " + newFile + " ',' " + Request.QueryString[ " ImageName " ] + " ',' " + Request.QueryString[ " def " ] + " ',' " + Request.QueryString[ " up " ] + " ')</script> " );
}



}