代码如下: .errorInfo{ color:red; padding-left:5px; } .errorInfo{ color:red; padding-left:5px; } $(function(){ $("#DataReport").click(function(){ //上传文件不能为空,格式必须为xsl和xlsx var flag=true; var fileObject=$("input[name='file']"); var filepath=$("input[name='file']").val(); if(filepath==undefined||$.trim(filepath)==""){ fileObject.focus().next().text("请选择上传文件!"); flag=false; }...
需求分析: 在做上传图片的时候,如果不限制上传图片大小,后果非常的严重。那么我们怎样才可以解决一个棘手的问题呢?有两种方式: 1)后台处理: 也就是AJAX POST提交到后台,把图片上传到服务器上,然后获得该图片大小做处理。 2)前台处理: 也就是利用Javascript获取该图片大小。 显然第一种方式,很不好。因为需要把文件先上传到服务器上,如果文件很大的话,在加上网不是很快,需要等待好长时间,治标不治本。 功能解析: 在这...
javascript 图片预览 function preview(imgFile,num) { //预览代码,支持 IE6、IE7。 var newPreview = document.getElementById("preview1"); var t ; if(document.all) //IE t = imgFile.value; else t = imgFile.files[0].getAsDataURL(); //FF newPreview.style.backgroundImage = "url(" + t + ")";//imgFile.value; newPreview.style.width = "108px"; newPreview.style.height = "130px"; newPreview.style.dis...
在我 上一篇帖子 (译文 ) 中,谈到了各个浏览器究竟会在什么情况下弹出脚本失控提示,对于Internet Explorer 来说,当浏览器执行了数量过多的语句时就会停止执行脚本,而其他的浏览器,则是持续执行脚本超过一定时间的时候就会给出提示。而我们要探讨的核心问题,不是这些浏览器如果探测失控的脚本,而是我们如何才可以让脚本运行的更快一些,从而避免这些警告 。 脚本失控基本上有以下四个方面的原因: 在循环中执行了太多的操作...
var oForm = new Object(); var oImage = new Image(); oImage.attachEvent('onload',getSize); oImage.attachEvent('onerror',doWithError); function checkImage(obj){ oForm = obj; oImage.src = oForm.oFile.value; } function getSize(){ var oImgSize = Math.floor(oImage.fileSize/1024); if(oImgSize>200){ window.alert('不允许上传大于200KB的图片!'); oForm.reset(); } } function doWithError(){ win...
前台: upload.htm 代码如下: upload var TfileUploadNum = 1; //记录图片选择框个数 var Tnum = 1; //ajax上传图片时索引 //增加上传按钮 function TAddFileUpload() { var idnum = TfileUploadNum + 1; var str = ""; str += "图片" + idnum + ":"; str += ""; str += ""; str += ""; $("#loadimage").append(str); TfileUploadNum += 1; } //开始上传 function TSubmitUploadImageFile() { document.getElementById(...
问题 在一个网站中可能我的输入框式下面这样的: 设计者可能想让上传部分也像这样然后再添加一个select按钮。但是当我想把普通的输入框改为上传框时就根本不能工作。浏览器之间有很大的不同,给默认按钮添加样式也几乎不可能。 这很难成为设计的很好的上传框,但是也是我们能做的最多的了。 注意到Safari的设计有些不同。Safari小组想关闭手动输入文件的功能,可能担心这样的溢出。这样设计有个缺点就是用户在选择了一个文件之后...
脚本如下: function getimginfo() { var img=new Image(); img.src=document.all.file.value; var sInfo="Width:"+img.width+ "px Height:"+img.height+ "px Size:"+getsizestring(img.fileSize); alert(sInfo); } function getsizestring(len) { var kb=len/1024; if(kb [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
什么是Uploadify Uploadify是JQuery的一个上传插件,支持多文件上传,实现的效果非常不错,带进度显示。 官网提供的是PHP的DEMO,在这里我详细介绍在Asp.net下的使用. 下载 官方下载官方文档 官方演示 脚本之家提供的Uploadify下载地址 如何使用 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中 2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。 3 在项目中...
提示效果 var dots=0; var dotmax=10; function ShowWait() { var output; output='正在上传文件'; dots++; if(dots>=dotmax) { dots=1; } for(var x=0;x ___ mydiv.innerText='';StartShowWait(); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
前言: 咋一看标题还挺长的呢,还有这么多功能,其实简化一点就是一个功能,异步表单提交,只是在异步表单提交这个大功能下,可以实现图片上传,模拟ajax技术(其实很早以前就是通过这个方式来实现多浏览器的兼容ajax,这里只是怀怀旧,作为一个技术来玩玩),下面的内容需要有一定的js基础,要不然理解起来会比较困难。 注意事项: 这是我bBank里面的一个方法,现在我把他提取出来成一个通用方法来讲解。 bBank 框架介绍:http://...
前阵子工作中用到,贴上代码,仅保留上传有关的代码,发现code其实很少。 上传页面html/js 代码如下: function FinishUpload(filePath) { document.getElementById("uploadForm").reset(); if (!filePath) { alert("Import Failed!"); } else { alert("Imported Successfully to " + decodeURIComponent(filePath) + "!"); } } function UploadFile() { var arr = document.getElementById("txtFile").value.split('.'); var...
代码如下:$im = imagecreatefromjpeg($_file["upload"]["tmp_name"]); //你要打水例子的图片 $watermark = imagecreatefrompng("Smiley.png"); //水印图的路径 $im_x = imagesx($im); $im_y = imagesy($im); $w_x = imagesx($watermark); $w_y = imagesy($watermark); imagecopy($im,$watermark ,$im_x-$w_x,$im_y-$w_y,0,0,$w_x,$w_y); imagejpeg($im); //可加上路径以保存有水印的图 //可以利用type判断下图片类型 //switch($_fi...
本文实例介绍了js判断上传文件后缀名是否合法的详细代码,分享给大家供大家参考,具体内容如下 效果图: 选择文件选择1.jpg文件上传成功合法除图片文件格式以外,其他都是不合法的操作。 具体代码:判断文件上传是否合法//3、(字符)检查文件上传表单控件,如果含有[jpg,jpeg,gif,png]则显示“文件类型合法”,否则“显示文件类型错误”function checkFileExt(filename) {var flag = false; //状态var arr = ["jpg","png","gif"];...
本文主要从三个方面给大家介绍webwork文件上传下载知识,包括以下三个方面: 1. 包装 Request 请求 2. 获取文件上传的解析类 3. 项目实战配置和使用 Web上传和下载应该是很普遍的一个需求,无论是小型网站还是大并发访问的交易网站。WebWork 当然也提供了很友好的拦截器来实现对文件的上传,让我们可以专注与业务逻辑的设计和实现,在实现上传和下载时顺便关注了下框架上传下载的实现。 1. 包装 Request 请求 ?每次客户端请求 Act...