代码如下: window.onload=function(){ upfile('file.php'); } /* ** url 路径 **/ function upfile(url){ //创建iframe var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.id = 'iframeName'; iframe.name = 'iframeName'; iframe.style.display = 'none'; //创建form var turnForm = document.createElement("form"); document.body.appendChild(turnForm); turnForm.method = 'post';...
将图片查询出来之后，还需要加一个查看大图的功能，于是就用js写了一个方法，然后在image的onmouseover事件中调用此方法，这样在鼠标悬浮在小图上面的时候，其大图就会自动的显示出来。 显示大图和隐藏大图的js代码： 代码如下: //显示图片 function over(imgid,obj,imgbig) { //大图显示的最大尺寸 4比3的大小 400 300 maxwidth=400; maxheight=300; //显示 obj.style.display=""; imgbig.src=imgid.src; //1、宽和高都超过了，...
一直以来纠结于这个问题。今天闲来上网搜索了一下这个问题。终于知道答案。是onchange事件。经过本人测试，可用。还有说onpropertychange也可以。经chrome浏览器测试，无效果。不知道是什么原因。
OSChina上发过了，那个也是我的，现在放到这来，哈哈 这段代码只能一次上传一个文件~~ 代码如下: var path=require("path"); var fs=require("fs"); var http=require("http"); //post值payload var getfield=function(field, value) { return Content-Disposition: form-data; name="+field+"\r\n\r\n+value+\r\n; } //文件payload var getfieldHead=function (field, filename) { var fileFieldHead=Content-Disposition: form-...
代码如下： 在ie下，貌似要改安全设置中的【对为标记为可安全执行脚本的ActiveX空间初始化并执行】那项 代码如下: var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(target) { var fileSize = 0; if (isIE && !target.files) { var filePath = target.value; var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); var file = fileSystem.GetFile (filePath); fileSize = f...
代码如下: (function() { if (window.FileUpload) { return; } window.FileUpload = function (id, url) { this.id = id; this.autoUpload = true; this.url = url; this.maxSize = null; this.extensions = null; this.dropId = null; }; window.FileUpload.prototype.init = function() { var obj = this; $(# + this.id).change(function () { if (obj.autoUpload) { obj.upload(); } }); if (this.supportsFormData()) { if (t...
一般在处理图片上传时，通常的逻辑都是将源图片上传到服务器端，再由服务器端的语言进行缩放大小的操作。 此种模式一般可以满足大部分的需求，但当我们所需要的图片仅仅是一个符合规定大小的源图片的缩略图，再使用此种模式，将是一种浪费服务端资源以及带宽的方式，故我们考虑在浏览器端生成小图后再进行上传操作。 //以下为源代码 代码如下: function drawCanvasImage(obj,width, callback){ var $canvas = $(), canvas = $canv...
asp.net中html标签代码： 代码如下: 普通的html标签： 代码如下: 对于ASP.NET或普通的HTML标签，下面JS代码都适用： 代码如下: function CheckWorkFile() { var obj=document.getElementById(fuMain); if(obj.value==) { alert(请选择要上传的作业书文件); return false; } var stuff=obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; if(stuff!=doc) { alert(文件类型不正确，请选择.doc文件); return false; } return true; ...
对于HTML5版本会比较好的支持手机浏览器，避免苹果手机Safari浏览器不支持Flash，主要特性：支持多文件上传、HTML5版本可拖拽上传、实时上传进度条显示、强大的参数定制功能，如文件大小、文件类型、按钮图片定义、上传文件脚本等。Flash版本使用方法：1.加载JS和CSS代码如下: 2.编写HTML内容代码如下:3.函数调用代码如下: $(document).ready(function() { $("#file_upload").uploadify({ ...
图片的上传预览功能主要用于图片上传前的一个效果的预览，目前主流的方法主要有js，jquery与flash实现，但我们一般都会使用js来实现图片上传预览功能，下面来看一个例子。 原理: 分为两步：当上传图片的input被触发并选择本地图片之后获取要上传的图片这个对象的URL（对象URL）；把对象URL赋值给事先写好的img标签的src属性即可把图片显示出来。 在这里，我们需要了解Javascript里File对象、Blob对象和window.URL.createObjectURL(...
以前项目里有这个方法，最近在客户那里出问题了，同事说，这个方法从来就没管用过，SO，用了一天时间把这个方法给搞出来了（觉得花费的时间长了点），分享之。 代码及测试用例：var http = require('http'); var path = require('path'); var fs = require('fs');function postFile(fileKeyValue, req) {var boundaryKey = Math.random().toString(16);var enddata = '\r\n----' + boundaryKey + '--';var files = new Array();for...
需求分析： 在做上传图片的时候，如果不限制上传图片大小，后果非常的严重。那么我们怎样才可以解决一个棘手的问题呢？有两种方式： 1)后台处理： 也就是AJAX POST提交到后台，把图片上传到服务器上，然后获得该图片大小做处理。 2)前台处理： 也就是利用Javascript获取该图片大小。 显然第一种方式，很不好。因为需要把文件先上传到服务器上，如果文件很大的话，在加上网不是很快，需要等待好长时间，治标不治本。 功能解析： ...
相关资源下载：upload 1:jsp代码： 导入jquery.upload.js和jquery-1.7.2.js 添加调用js的代码：上传 在底部写：/resources/upload/upload.htm">2：js代码：/*文件上传*/ function doUpload() { // 上传方法 $.upload({ // 上传地址 url:window.basePath+'/reply/imageUpload', // 文件域名字 fileName: 'uploadfile', // 其他表单数据 params: {}, // 上传完成后, 返回json, text dataType: 'json', // 上传之前回调,return true...
js代码：$(".head").change(function() { var val = $(this).val(); if(!val.match( /.jpg|.gif|.png|.bmp/i ) ){ imgtype = false; alert('图片格式无效！'); }else{ if (FileReader) { var reader = new FileReader(), file = this.files[0]; reader.onload = function(e) { var image = new Image(); image.src = e.target.result; image.onload=function(){ if(image.width > 128 || image.height > 128){ fill = false; aler...
前提条件： ajaxFileUpload.js插件多文件上传 步骤： 1、修改源码，（源码只支持单个文件的上传）：代码如下: //修改前代码------- //var oldElement = jQuery(# + fileElementId); //var newElement = jQuery(oldElement).clone(); //jQuery(oldElement).attr(id, fileId); //jQuery(oldElement).before(newElement); //jQuery(oldElement).appendTo(form); //修改前代码------- //修改后代码------- for(var i in fileEl...