jqueryバッチアップロード画像の実装 code_jquery

前台:upload.htm

复制代代码如下:

< ;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

• 
  
  确定上传  
  
  取消  
  
  增加
  

• 
  
  
  図1:
  
  
  
  
  
  
  
  
  

处理程序Handler.ashx


复制代码

代码如下:

using System;
using System.IO; System.Text;
using System.Net;
パブリック クラス ハンドラー : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
//ソース イメージ パス
文字列_fileNamePath = "";
try
{
_fileNamePath = context.Request.Form["upfile"];
string _savedFileResult = UpLoadFile(_fileNamePath); // アップロードを開始します
.Write(_savedFileResult);//アップロード結果を返します
}
catch
{
context.Response.Write("0|error|ファイルパスエラー"); > }
///

/// 画像を保存
///

/// ///
private string UpLoadFile(string fileNamePath)
{
//ピクチャ形式
string fileNameExt = fileNamePath.Substring(fileNamePath. IndexOf ('.')).ToLower();
if (!CheckFileExt(fileNameExt)) return "0|error|画像の形式が正しくありません!";
//保存パス
string toFilePath = "ProductUpload /";
//物理フルパス
string toFileFullPath = HttpContext.Current.Server.MapPath(toFilePath);
//パスが存在するかどうかを確認し、存在しない場合は作成します。
if ( !Directory.Exists (toFileFullPath))
{
Directory.CreateDirectory(toFileFullPath);
}
//保存されるランダムなファイル名を生成します
string toFileName = GetFileName();
//フルパスが保存されます
string saveFile=toFileFullPath toFileName fileNameExt;
//WebClient インスタンスを作成します
WebClient myWebClient = new WebClient()
//Windows ネットワーク セキュリティ認証を設定します
myWebClient.Credentials = CredentialCache.DefaultCredentials;
//アップロードするファイル
FileStream fs = new FileStream(fileNamePath, FileMode.Open, FileAccess.Read);
BinaryReader r = new BinaryReader(fs) );
//次の形式で UploadFile メソッドを使用します。
myWebClient.UploadFile(saveFile,fileNamePath);
return "1|" toFileName fileNameExt "|Save success."; >///

/// 画像タイプの検出
///

/// 🎜>/// 正しく True を返します
private bool CheckFileExt(string _fileExt)
{
string[] allowedExt = new string[] { ".gif", ". jpg", ".jpeg" };
for (int i = 0; i {
if (allowExt[i] == _fileExt) { return true; }
}
return
}
///

/// ランダムな画像名を取得します
///

//
パブリック静的文字列 GetFileName()
ランダム rd = new Random();
StringBuilder シリアル = new StringBuilder(); .Append(DateTime.Now .ToString("yyMMddHHmmssff"));
serial.Append(rd.Next(0, 9999).ToString());
public bool IsReusable
{
get
{
return false
}
}
}



CSS スタイルUpload.css





コードをコピー


コードは次のとおりです。

body{font -size: 12pt;} ul{list-style: none;}
li{margin: 0px;}

#loadimage{width: 860px;overflow: hidden;} .imagelabel{ float : 左; 幅: 60px; 高さ: 25px;} .imagepath{float: 左; 幅: 400px; 高さ: 25px;}