上传图片对图片进行一下预览,可以了解图片上传后大概会是什么样子,此功能用js实现,然后在fileupload控件的change事件中调用,这样当用fileupload选择完图片以后,图片就会自动显示出来了。功能很简单,却很实用。预览图片的js代码: 代码如下: function setImagePreview(docObj,localImagId,imgObjPreview) { if(docObjfiles && docObjfiles[0]) { //火狐下,直接设img属性 imgObjPreviewstyledisplay = 'block'; imgObjPrevi...
假设一个网页里有多个表单,其中一个表单里有文件上传, 代码如下: ... 问题是如何获得这个文件上传的网址呢? 下面是 JavaScript 代码示例 代码如下: function showUploadUrl() { for(var i=0; i<document.forms.length; i++) { var form = document.forms[i]; for (var j=0; j<form.elements.length;j++){ if ( form.elements[j].type==="file") { alert("上传地址是:" + form.action); } } } }
预览图片的js代码:代码如下: function setImagePreview(docObj,localImagId,imgObjPreview) { if(docObj.files && docObj.files[0]) { //火狐下,直接设img属性 imgObjPreview.style.display = 'block'; imgObjPreview.style.width = '300px'; imgObjPreview.style.height = '200px'; //火狐7以上版本不能...
js 验证上传图片 代码如下: var ImgObj=new Image();//建立一个图像对象 varAllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型 varFileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,IsImg//全局变量图片相关属性 //以下为限制变量 var AllowExt=""; //允许上传的文件类型?为无限制每个扩展名后边要加一个"|" 小写字母表示 var AllowImgFileSize=100;//允许上传图片文件的大小 0为无限制 单位:KB var All...
效果图如下: 代码如下: 代码如下: 本地图片预览 #preview{width:100px;height:100px;border:1px solid #000;overflow:hidden;} #imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);} function previewImage(file) { var MAXWIDTH = 100; var MAXHEIGHT = 100; var div = document.getElementById('preview'); if (file.files && file.files[0]) { div.innerHTML = ''; var img ...
做项目的时候遇到了这样一个问题,如果用普通的ASP.NET FileUpload控件实现文件上传,那么页面会刷新,那么页面上用JS拼出的元素就会消失,为了上传文件,又不能刷新页面,ajaxfileupload插件是一个很好的选择(插件下载地址:http://files.jb51.net/file_images/article/201306/js/ajaxfileupload.js) ajaxfileupload是jQuery的一个插件,使用这个插件同时要引用jQuery.js文件 直接上代码吧 JS代码 [javascript] 代码如下://执行AJAX上传文...
在系统测试过程中,发现使用了SwfUpload实现的无刷新上传功能,在IE10上竟然无法使用了,难道SwfUpload不支持吗?还是需要换一种实现方式呢?最后通过了解SwfUplad.JS文件发现,我们是可以修改的,让其支持IE10,具体解决方案如下: 打开SwfUpload.js,在js文件中找到// Private: getFlashHTML generates the object tag needed to embed the flash in to the document”这行和“// Private: getFlashVars builds the parameter stri...
代码如下:function validateFileSize(id, maxsize) { var btnsave = document.getElementById("Button2"); btnsave.disabled = false; var filepath = ""; var fileupload = document.getElementById(id); if (fileupload.value.length < 5) { alert(请选择文件!); return; } var agent = window.navigator.userAgent; if (document.all) { ...
一、在Head中加入 二、Html中的Div代码 代码如下: 图标: 三、Js中-写的是关键部分,会LigerUI的朋友-你懂得 1、grid中添加项【存地址字段】 { display: "扫描件", name: "AppendBillPath", width: 120, type: "text", align: "left" ...
代码如下: style="position:relative;left:-130px;cursor:pointer;"/>var $$ = function(id) { return "string" == typeof id ? document.getElementById(id) : id;};/*图片验证*///验证上传图片格式function checkupload(ele) { var obj = $$("FileUploadImg"); var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用:) if (fileCont...
在开发中,文件上传必不可少, 是常用的上传标签,但是它长得又丑、浏览的字样不能换,我们一般会用让,隐藏,点其他的标签(图片等)来时实现选择文件上传功能。 看代码: 代码如下: ._box { width: 119px; height: 37px; background-color: #53AD3F; background-image: url(images/bg.png); background-repeat: no-repeat; background-position: 0 0; background-attachment: scroll; line-height: 37px; text-align: cen...
代码如下: Jquery Uploadify上传带进度条,且多参数 $(document).ready(function () { $("#uploadify").uploadify({ 'uploader': 'js/jquery.uploadify-v2.1.4/uploadify.swf', //uploadify.swf文件的路径 'script': 'UploadHandler.ashx', //处理文件上传的后台脚本的路径 'cancelImg': 'js/jquery.uploadify-v2.1.4/cancel.png', 'folder': 'UploadFile/', //上传文件夹的路径按20130416 'queueID': 'fileQueue', //页面...
一、图片上传实现本地预览 由于上传图片功能,现在大多数都需要在本地实现预览,为了能够更好的让用户体验到效果,实现成品的证明,需要兼容好几种浏览器,所有通过各个例子整合了这个例子插件,兼容火狐、谷歌、ie8,其他的没有进行测试过 代码如下: (function($){ jQuery.fn.extend({ uploadPreview: function(opts){ opts = jQuery.extend({ width: 0, height: 0, imgPreview: null, imgType: ["gif", "jpeg", "jpg", "bmp", "...
代码如下: //检测文件大小和类型 function fileChange(target){ //检测上传文件的类型 if(!(/(?:jpg|gif|png|jpeg)$/i.test(target.value))) { alert("只允许上传jpg|gif|png|jpeg格式的图片"); if(window.ActiveXObject) {//for IE target.select();//select the file ,and clear selection document.selection.clear(); } else if(window.opera) {//for opera target.type="text";target.type="file"; } else target.value="";//...
为啥要用js来获取上传的文件名呢?其实纯粹是为了美化,友好, 但是,可不是网上流传的那样,用 path.substring(path.lastIndexOf('/')+1) ; 这个样在工作的时候会出现不少问题。 比如,firefox的input表单的value值默认就可以获取到文件名,而ie 则显示文件路径。 所以要区别对待,在firefox下 lastIndexOf('/')得到的是-1,而在ie下,目录显示的又是反斜杠,,当然在Linux 下,其他浏览器获取到的又是正斜杠 / ( 暂时未证明有Li...