> 웹 프론트엔드 > JS 튜토리얼 > Jquery 업로드 플러그인 uploadify v3.1 Instructions_jquery

Jquery 업로드 플러그인 uploadify v3.1 Instructions_jquery

WBOY
풀어 주다: 2016-05-16 17:52:46
원래의
1383명이 탐색했습니다.

공식 주소: http://www.uploadify.com/

스크립트 하우스에서 제공하는 다운로드 주소: http://www.jb51.net/jiaoben/21484 html.

공식 영문 문서: http://www.uploadify.com/documentation/

사용법(.net 버전):

Front-end JS

코드 복사 코드는 다음과 같습니다.

$("#id ").uploadify({
높이: 30,
swf: '/uploadify/uploadify.swf',
업로더: '/Handler/uploadPic.ashx',
너비: 120,
cancelImg: '/uploadify/uploadify-cancel.png',
buttonText: '이미지 선택',
fileTypeExts: '*.gif;*.jpg;*.jpeg;*.png',
'fileSizeLimit': '6000KB',
removeCompleted: false,
'formData': {
"id":"1"
},
onUploadSuccess: 함수(파일, 데이터, 응답 ) {//업로드가 완료되면 트리거됩니다(각 파일에 대해 한 번씩 트리거됨)
if (data.indexOf('error Prompt') > -1) {
alert(data)
}
else {
//$("#previewImage").attr("src", data.substr(2)).hide().fadeIn(2000)
alert("업로드 성공!" );
}
},
'onUploadError': function (file, errorCode, errorMsg, errorString) {//단일 파일 업로드 오류가 발생하면 트리거됩니다.
alert('File: ' file. name ' 업로드 실패: ' errorString)

ASHX 파일:

코드 복사 코드는 다음과 같습니다.
protected string AllowExt = "7z|aiff|asf|avi|bmp|csv|doc|docx|fla|flv|gif|gz|gzip| jpeg|jpg|mid|mov|mp3 |mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pptx|pxd|qt|ram|rar|rm|rmi|rmvb|rtf|sdc|sitd| swf|sxc|sxw|tar|tgz |tif|tiff|txt|vsd|wav|wma|wmv|xls|xlsx|xml|zip";//지원되는 파일 형식
int FileMaxSize = 10240;//파일 크기 , 단위는 Kpublicvoid ProcessRequest(HttpContext context )
{
context.Response.ContentType = "text/plain";
string ParentID = context.Request.Params["id"]
HttpPostedFile fileUpload = context.Request.Files[0 ];
if (fileUpload != null)
{
try
{
string UploadDir = "~/upload/";//폴더 사진이 저장됩니다
//사진 저장 폴더 경로
string path = context.Server.MapPath(UploadDir);
//매일 업로드되는 사진 폴더
string 폴더 = DateTime.Now. ToString("yyyyMM");
//폴더가 없으면 만듭니다.
if (!Directory.Exists(경로 폴더))
{
Directory.CreateDirectory(경로 폴더);
}
// 업로드된 이미지 확장자
string fileExtension = fileUpload.FileName.Substring(fileUpload.FileName.LastIndexOf('.'))
//파일 형식 판단
if (!CheckValidExt(fileExtension))
{
context.Response.Write("오류 메시지: 파일 형식이 잘못되었습니다! " fileExtension);
return;
}
//파일 크기 결정
if (fileUpload.ContentLength > FileMaxSize * 1024)
{
context.Response.Write("Error 팁: 업로드된 파일(" fileUpload.FileName ")이 최대 제한을 초과합니다: " FileMaxSize "KB");
return;
}
//저장된 이미지의 파일 이름
// string saveName = Guid.NewGuid().ToString() fileExtension;
//임의의 시간 번호를 사용하여 파일 이름 바꾸기
string strDateTime = DateTime.Now.ToString("yyMMddhhmmssfff");//시간 문자열 가져오기
Random ran = new Random();
string strRan = Convert.ToString(ran.Next(100, 999));//3자리 난수 생성
string saveName = strDateTime strRan fileExtension; 🎜>Model.Album uc = new Model.Album();
uc.Title = fileUpload.FileName;
uc.ImagePath = 폴더 "/" saveName; 🎜>uc.Pid = int.Parse(id);
bll.Album alb = new bll.Album()
alb.add(uc)
//사진 저장
fileUpload .SaveAs(경로 폴더 " /" saveName);
context.Response.Write(UploadDir 폴더 "/" saveName)
}
catch
{
context.Response.Write(" 오류 메시지: 업로드 실패" );
}
}
}
public bool IsReusable
{
get
{
return false;
}
}
# 지역 확장 기능 확인 CheckValidExt(string sExt)
///
/// 확장 기능 확인
///
/ // 파일 이름 확장자
/// 확장자가 유효하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.< /returns>
public bool CheckValidExt(string strExt)
{
bool flag = false;
string[] arrExt = AllowExt.Split('|'); arrExt)
{
if (filetype.ToLower() == strExt.ToLower().Replace(".", ""))
{
flag = true
break;
}
}
반환 플래그
}
#endregion


매개변수 설명:
참조http://www.jb51.net/article/30598.htm
3.1 버전 업데이트: PostData가 제거되고 formData로 변경되었습니다. JSON 데이터. 다른 변경 사항은 조사 중입니다.
파일을 업로드하여 썸네일을 생성하고 웹페이지에 표시하세요.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿