代码如下: 代码如下: function setImagePreview() { var docObj = document.getElementById("ctl00_ContentMain_file_head"); var fileName = docObj.value; if (!fileName.match(/.jpg|.gif|.png|.bmp/i)) { alert('您上传的图片格式不正确,请重新选择!'); return false; } var imgObjPreview = document.getElementById("preview"); if (docObj.files && docObj.files[0]) { //火狐下,直接设img属性 imgObjPreview.style...
网上找了一天,大家都说Uploadify唯一的缺点就是不支持中文按钮,杯具之前,我看了下Uploadify的API,才发现了几个参数没被大家提及的,这正是解决此问题的关键。(以后坚决养成没事就看API的习惯) Uploadify有一个参数是 buttonText 这个无论你怎么改都不支持中文,因为插件在js里用了一个转码方法把这个参数的值转过码了,解码的地方在那个swf文件里,看不到代码,所以这条路不行。 另一个参数,网上很少提到,是 buttonI...
我们在做文件上传时,为了实现异步上传的效果,一般会选择采用iframe的形式来进行文件的上传,但我们不能像ajax那样对服务端返回的数据进行处理,从而来进行文件大小以及文件样式的判断,所以我们一般也会想到使用js对上传的文件大小以及格式进行初步的判断,在服务端再进行一次判断(防止浏览器拒绝执行脚本文件)。 以下提供一种方法用js判断文件大小。 代码如下: var url = window.location.href, type = url.substr(url.lastI...
代码如下: //验证文件的格式 function validateFile(){ var fileObject=$("#filename"); var errorObject=$("#error"); var filepath=fileObject.val(); var fileArr=filepath.split("//"); var fileTArr=fileArr[fileArr.length-1].toLowerCase().split("."); var filetype=fileTArr[fileTArr.length-1]; if(filetype!="xls"&&filetype!="xlsx"&&filetype!="doc"&&filetype!="docx" &&filetype!="jpeg"&&filetype!="jpg"&&filetyp...
代码如下:请选择文件// 点击#selectFile触发input:file的click事件 代码如下:jQuery(#selectFile).live(click,function(){ var ie = !-[1,]; if(ie){ jQuery(input:file).trigger(click).trigger(change); }else{ jQuery(input:file).trigger(click); } });选中文件要触发的事件 代码如下: jQuery(input:file).change(function(){ //dosomthing }); 注意事项: 1、在chrome浏览器下,为了数据安全,隐藏的input:file不能...
1、js代码: 代码如下: $(document).ready(function() { $('#fileInput').uploadify({ //以下参数均是可选 'uploader' : 'images/uploadify.swf', //指定上传控件的主体文件,默认‘uploader.swf' 'script' : 'UploadServlet', //指定服务器端上传处理文件,默认‘upload.php' 'cancelImg' : 'images/cancel.png', //指定取消上传的图片,默认‘cancel.png' 'buttonImg':'images/upload2.jpg', 'auto' : true, //选定文件后是否自动...
由于项目需要!需要脚本在客户端判断大小和文件类型!自己网上找资料找的好辛苦!索性自己写了一个并测试 文件上传大小限制的一个例子,兼容ie6,ie7,ie8 ,Google Chrome,ff等浏览器 代码如下: var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(target,id) { var fileSize = 0; var filetypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"]; v...
工作中遇到的业务场景,和同事一起研究了下,主要是为了兼容IE版本 其实就是一些琐碎的知识点在网上搜集下解决方式,然后集成了下,主要有以下点: 1. IE input type=file的图片预览要用IE的filter cssprogid:DXImageTransform.Microsoft.AlphaImageLoader chrome/firefox则用File api的file reader 2. 图片旋转,IE用progid:DXImageTransform.Microsoft.Matrix的filter(filter可以组合用,用空格隔开)chrome/firefox用canvas ...
用法 1. add js and css style代码如下: 2. post data代码如下: 3.handling Server Response代码如下: Dropzone.options.dropzoneForm = { init: function () { this.on("complete", function (data) { var res = eval('(' + data.xhr.responseText + ')'); alert(res.Message); }); } }; 4.支持较旧的浏览器.same ie6JavaScript教程...
特点: 1.不依赖与jquery 2.而且,好看些吧..支持很多实例,上传成功后.会有一个回调函数.比如缩略图地址显示出来用法:代码如下: 代码如下: var thumbnailuploader = new qq.FineUploader({ element: $('#thumbnail-fine-uploader')[0], request: { endpoint: 'Uploadimg' }, validation: { allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'] ...
首先你确定你使用的插件的版本,版本不同,产生的问题也不同,我用的是3.2.1的版本,我前几天已经做好的功能今天运行的时候出错了,搞了半天也不知道那错了,最好仔细寻找,原来是jquery库的引入问题,可能是我引入的包版本低了,我换了一个js库立马好了,真是坑爹啊,谁需要这个demo的可以邮件我!
代码如下: imgpath= getRealPath(fileId); document.getElementById("divSBTP").style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src=\""+ imgpath + "\")";//使用滤镜效果 function getRealPath(fileId){ var file_upl = document.getElementById(fileId); file_upl.select(); return document.selection.createRange().text; } 说明:ie8本地图片上传预览不能直接用$(“#i...
javascript实现 代码如下: jquery文件上传 var addMore = function() { var div = document.getElementById("div2"); var br = document.createElement("br"); var input = document.createElement("input"); var button = document.createElement("input"); input.setAttribute("type", "file"); button.setAttribute("type", "button"); button.setAttribute("value", "Remove"); button.onclick = function() { div.remo...
代码如下: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', 'fold...
代码如下:function lastname(){ //获取欲上传的文件路径var filepath = document.getElementById("file1").value; //为了避免转义反斜杠出问题,这里将对其进行转换var re = /(\\+)/g; var filename=filepath.replace(re,"#");//对路径字符串进行剪切截取var one=filename.split("#");//获取数组中最后一个,即文件名var two=one[one.length-1];//再对文件名进行截取,以取得后缀名var three=two.split("."); //获取截取的最后一个...