文件管理 · 2023年12月8日

jquery文件预览|用jquery插件实现pdf文件的在线预览大概是怎么个思路

『壹』 用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 打印和打印预览功能怎么实现 要在火狐和IE下都好用的

http://blog.csdn.net/hqlsxfy/article/details/6183590 这有抄个袭实例 你看看

『叁』 用jquery插件实现pdf文件的在线预览,大概是怎么个思路

推荐你使用 jQuery media插件

『肆』 jQuery File Upload 图片预览代码如何写

jQuery File Upload是上传文件的一个插件,不一定是图片,所以里面没做预览的支持。但是可以直接用jquery简单实现出来,代码如下:

/*先在js里扩展一个uploadPreview方法使用方法:<div><imgid="ImgPr"width="120"height="120"/></div><inputtype="file"id="up"/>把需要进行预览的IMG标签外套一个DIV然后给上传控件ID给予uploadPreview事件$("#up").uploadPreview({Img:"ImgPr",Width:120,Height:120,ImgType:["gif","jpeg","jpg","bmp","png"],Callback:function(){}});*/jQuery.fn.extend({uploadPreview:function(opts){var_self=this,_this=$(this);opts=jQuery.extend({Img:"ImgPr",Width:100,Height:100,ImgType:["gif","jpeg","jpg","bmp","png"],Callback:function(){}},opts||{});_self.getObjectURL=function(file){varurl=null;if(window.createObjectURL!=undefined){url=window.createObjectURL(file)}elseif(window.URL!=undefined){url=window.URL.createObjectURL(file)}elseif(window.webkitURL!=undefined){url=window.webkitURL.createObjectURL(file)}returnurl};_this.change(function(){if(this.value){if(!RegExp(".("+opts.ImgType.join("|")+")$","i").test(this.value.toLowerCase())){alert("选择文件错误,图片类型必须是"+opts.ImgType.join(",")+"中的一种");this.value="";returnfalse}if($.browser.msie){try{$("#"+opts.Img).attr('src',_self.getObjectURL(this.files[0]))}catch(e){varsrc="";varobj=$("#"+opts.Img);vardiv=obj.parent("div")[0];_self.select();if(top!=self){window.parent.document.body.focus()}else{_self.blur()}src=document.selection.createRange().text;document.selection.empty();obj.hide();obj.parent("div").css({'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)','width':opts.Width+'px','height':opts.Height+'px'});div.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=src}}else{$("#"+opts.Img).attr('src',_self.getObjectURL(this.files[0]))}opts.Callback()}})}});

然后是HTML页面进行调用:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""<htmlxmlns="<head><title>图片上传预览演示</title><scriptsrc="jquery.min.js"type="text/javascript"></script><scriptsrc="16/uploadPreview.js"type="text/javascript"></script><script>$(function(){$("#up").uploadPreview({Img:"ImgPr",Width:120,Height:120});});</script></head><body><divstyle="width:500px;margin:0pxauto;"><h2>图片上传预览演示</h2><div><imgid="ImgPr"width="120"height="120"/></div><inputtype="file"id="up"/></div></body></html>

『伍』 我需要一个js或者jquery能批量上传图片+预览的功能。急~~~急~~~急~~

WebUploader项目,符合你的要求。

//文件上传过程中创建进度条实时显示。uploader.on('uploadProgress',function(file,percentage){var$li=$('#'+file.id),$percent=$li.find('.progressspan');//避免重复创建if(!$percent.length){$percent=$('<pclass="progress"><span></span></p>').appendTo($li).find('span');}$percent.css('width',percentage*100+'%');});//文件上传成功,给item添加成功class,用样式标记上传成功。uploader.on('uploadSuccess',function(file){$('#'+file.id).addClass('upload-state-done');});//文件上传失败,显示上传出错。uploader.on('uploadError',function(file){var$li=$('#'+file.id),$error=$li.find('div.error');//避免重复创建if(!$error.length){$error=$('<divclass="error"></div>').appendTo($li);}$error.text('上传失败');});//完成上传完了,成功或者失败,先删除进度条。uploader.on('uploadComplete',function(file){$('#'+file.id).find('.progress').remove();});

更多细节,请查看js源码。

『陆』 用jquery插件实现pdf文件的在线预览,大概是怎么个思路

其实也就是复简单的在制浏览器中实现一个打开pdf文件,并有类似预览功能的边框。 其实在中国上经常见到类似的页面,在浏览器中打开pdf文档,可大部分都是由于版权的原因使用了一些很特殊的技术,自然很难模仿了。 即使有直接在浏览器打开的例子,也必须手动点击一下链接然后才能打开pdf文件。如何直接打开,而不用点击链接呢? 本以为自己对js很熟,也就使用js模拟点击,可就是不管用,没办法,只能在中国上继续寻找资料。最终想不到代码却很简单。 最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了。 核心代码: 河套西部一次局地大暴雨成因分析 使用jquery.media.js就可以直接把一个连接到pdf文件的链接打