Home > Web Front-end > JS Tutorial > Jquery upload plug-in uploadify v3.1 instructions_jquery

Jquery upload plug-in uploadify v3.1 instructions_jquery

WBOY
Release: 2016-05-16 17:52:46
Original
1384 people have browsed it

Official address: http://www.uploadify.com/

Download address provided by Script House: http://www.jb51.net/jiaoben/21484. html

Official English document: http://www.uploadify.com/documentation/

Usage (.net version):

Front-end JS

Copy code The code is as follows:

$("#id"). uploadify({
height: 30,
swf: '/uploadify/uploadify.swf',
uploader: '/Handler/uploadPic.ashx',
width: 120,
cancelImg: '/uploadify/uploadify-cancel.png',
buttonText: 'Select image',
fileTypeExts: '*.gif;*.jpg;*.jpeg;*.png',
'fileSizeLimit' : '6000KB',
removeCompleted: false,
'formData': {
"id":"1"
},
onUploadSuccess: function (file, data, response) {/ /Triggered when the upload is completed (triggered once for each file)
if (data.indexOf('error prompt') > -1) {
alert(data);
}
else {
//$("#previewImage").attr("src", data.substr(2)).hide().fadeIn(2000);
alert("Upload successful!");
}
},
'onUploadError': function (file, errorCode, errorMsg, errorString) {//Triggered when a single file upload error occurs
alert('File: ' file.name ' Upload failed: ' errorString);
} });

ASHX file:
Copy code The code is as follows :

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";//Supported file formats
int FileMaxSize = 10240;//File size, unit is 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/";//The folder where the picture is saved
//Picture Saved folder path
string path = context.Server.MapPath(UploadDir);
//A folder for pictures uploaded every day
string folder = DateTime.Now.ToString("yyyyMM");
//If the folder does not exist, create it
if (!Directory.Exists(path folder))
{
Directory.CreateDirectory(path folder);
}
// Extension of the uploaded image
string fileExtension = fileUpload.FileName.Substring(fileUpload.FileName.LastIndexOf('.'));
//Judge the file format
if (!CheckValidExt(fileExtension))
{
context.Response.Write("Error message: The file format is incorrect! " fileExtension);
return;
}
//Determine file size
if (fileUpload.ContentLength > FileMaxSize * 1024)
{
context.Response.Write("Error Tip: The uploaded file (" fileUpload.FileName ") exceeds the maximum limit: " FileMaxSize "KB");
return;
}
//The file name of the saved image
//string saveName = Guid.NewGuid().ToString() fileExtension;
//Rename the file using a random time number
string strDateTime = DateTime.Now.ToString("yyMMddhhmmssfff");//Get the time string
Random ran = new Random();
string strRan = Convert.ToString(ran.Next(100, 999));//Generate three-digit random number
string saveName = strDateTime strRan fileExtension;
Model.Album uc = new Model.Album();
uc.Title = fileUpload.FileName;
uc.ImagePath = folder "/" saveName;
uc.PostTime = DateTime.Now;
uc.Pid = int.Parse(id);
bll.Album alb = new bll.Album();
alb.add(uc);
//Save the picture
fileUpload.SaveAs(path folder " /" saveName);
context.Response.Write(UploadDir folder "/" saveName);
}
catch
{
context.Response.Write("Error message: Upload failed" );
}
}
}
public bool IsReusable
{
get
{
return false;
}
}
# region Check the validity of the extension bool CheckValidExt(string sExt)
///
/// Check the validity of the extension
///

/ // File name extension
/// If the extension is valid, return true, otherwise return false.
public bool CheckValidExt(string strExt)
{
bool flag = false;
string[] arrExt = AllowExt.Split('|');
foreach (string filetype in arrExt)
{
if (filetype.ToLower() == strExt.ToLower().Replace(".", ""))
{
flag = true;
break;
}
}
return flag;
}
#endregion

Parameter description:
Reference http://www.jb51.net/article/30598.htm
3.1 version update: PostData is removed and changed to formData. Json data. Other changes are under investigation.
Upload files to generate thumbnails and display them on the web page.
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template