jquery上传图片,jquery上传图片并预览

有哪些好用的 jQuery 图片上传插件

1、uploadify

它是针对jQuery的免费文件上传插件，可以轻松将单个或多个文件上传到网站上，可控制并发上传的文件数，通过接口参数和CSS控制外观。Web服务器需支持flash和后端开发语言。

2、FancyUpload

它是一个由CSS和XHTML编写样式的Ajax文件上传工具，安装简便，服务器独立，由MooTools模块驱动，可以在任何现代浏览器上使用。

3、Aurigma Upload Suite(Image Uploader)

这是一个不限大小，不限格式的文件/图片批量上传工具，是收费控件。它支持云端存储和客户端文件处理，支持断点续传，稳定可靠。从8.0.8开始，Image Uploader将名称改为"Aurigma Upload Suite"。

相关问答

Q1: jquery如何将页面生成的图片上传到服务器

File Upload组件啊，是同步还是异步呢

html部分：

input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*"

文件引入：

link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css"script type="text/javascript" src="diyUpload/js/diyUpload.js"/script

HTML部分：

div id="demo" div id="as" /div/div

JS部分：

script type="text/javascript"

/** 服务器地址,成功返回,失败返回参数格式依照jquery.ajax习惯;* 其他参数同WebUploader*/

$('#as').diyUpload({

url:'server/fileupload.php',

success:function( data ) {

console.info( data ); },

error:function( err ) {

console.info( err );

},

buttonText : '选择文件', chunked:true, // 分片大小

chunkSize:512 * 1024, //最大上传的文件数量, 总文件大小,单个文件大小(单位字节);

fileNumLimit:50,

fileSizeLimit:500000 * 1024,

fileSingleSizeLimit:50000 * 1024,

accept: {}});

/script

Q2: 用js、jquery如何实现上传图片的预览

$("#btnLoadPhoto").upload({ url: "../UploadForms/RequestUpload.aspx?action=photo", type: "json", callback: calla });

//获得表单元素

 HttpPostedFile oFile = context.Request.Files[0];

 //设置上传路径

 string strUploadPath = "temp/";

 //获取文件名称

 string fileName = context.Request.Files[0].FileName;

补充：JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。