用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即可。

有哪些好用的 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"。

jqueryajax不能上传图片？

想要异步上传文件和图片可以是用iframe标签，然后将form的target指定为添加的iframe即可。可以搜搜“iframe文件上传”。或者找一些第三方库。

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

分享文章：jquery上传图片,jquery文件上传
标题链接：http://scgulin.cn/article/phgisi.html