本文实例讲述了JS上传图片前实现图片预览效果的方法。分享给大家供大家参考。具体实现方法如下:代码如下:JS上传图片前的图片预览效果var dFile = document.getElementById('myfile'); var dImg = document.getElementsByTagName('img')[0]; var dInfo = document.getElementById('info'); dFile.onchange = function(){if(!dFile.value.match(/.jpg|.gif|.png|.bmp/i)){alert('File type must be: .jpg, .gif, .bmp or .png !');r...
swfupload上传编辑器是一款支持本地上传、预览、视频拍照和网络加载的flash头像编辑上传插件,可缩放、裁剪、旋转、定位和调色等,同时支持asp、asp.net、jsp、php等多语种代码如下: swfobject.addDomLoadEvent(function () {var swf = new fullAvatarEditor("swfContainer", {id: swf,upload_url: asp/Upload.asp,src_upload:2}, function (msg) {switch(msg.code){case 1 : alert("页面成功加载了组件!");break;case 2 : alert(...
本文实例讲述了javascript实现校验文件上传控件。分享给大家供大家参考。具体如下: 该javascript校验文件上传控件代码可检测上传文件的类型是否是图片function Checkfiles() { var fup = document.getElementById('logo1'); var fileName = fup.value; var ext = fileName.substring(fileName.lastIndexOf('.') + 1); if(ext == "gif" || ext == "GIF" || ext == "JPEG" || ext == "jpeg" || ext == "jpg" || ext == "JPG" || ext...
网页端 裁剪图片,不需要经过服务器。 这个是用 https://github.com/mailru/FileAPI 框架实现的。配合jcrop. 高级浏览器 使用 canvas 裁剪,ie6 7 8使用 flash过度。 核心代码:var el = $('input').get(0);seajs.use(['gallery/jcrop/0.9.12/jcrop.css','gallery/jcrop/0.9.12/jcrop.js'] ,function(){FileAPI.event.on(el, 'change', function (evt){var files = FileAPI.getFiles(evt); // Retrieve file listFileAPI.filterFil...
本文实例讲述了js上传图片及预览功能。分享给大家供大家参考。具体分析如下: 参考了网上一些人代码写了一个上传图片及时预览的功能function DisplayImage(fileTag,imgTagId){ var allowExtention=".jpg.png.gif"; var extentionArr=fileTag.value.split('.'); var extention = extentionArr[extentionArr.length-1]; if(!(allowExtention.indexOf(extention)>-1)){ alert("Please upload image!"); }else{ //for adveced broswer(...
本文实例讲述了js验证上传图片的方法。分享给大家供大家参考。具体实现方法如下:js验证图片 UpLoadFileCheck=function(){ this.AllowExt=".jpg,.gif";//允许上传的文件类型 0为无限制//每个扩展名后边要加一个"," 小写字母表示 this.AllowImgFileSize=0;//允许上传文件的大小 0为无限制 单位:KB this.AllowImgWidth=0;//允许上传的图片的宽度 0为无限制 单位:px(像素) this.AllowImgHeight=0;//允许上传的图片的高度 0为无限制...
首先按下面的步骤来实现一个简单的上传功能。 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。 2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。 3 在项目中添加UploadFile文件夹,用来存放上传的文件。 进行完上面三步后项目的基本结构如下图:4 Default.aspx的html页的代码修改如下:Uploadify$(document).ready(function(){$("#uploadify").uploadify({'uploader': 'JS/jquery.up...
本文实例讲述了js兼容火狐显示上传图片预览效果的方法。分享给大家供大家参考。具体实现方法如下:Image preview example div {width:100px;height:100px;border: 1px #A3BFE7 solid;}img {width:atuo;height:atuo;}function viewPic() { var oFReader = new FileReader();oFReader.onload = function(e) {document.getElementById("uploadPreview").src = e.target.result;}if (document.getElementById("uploadImage").files.len...
本文给大家简单分享了一下个人项目中解决无刷新上传文件的方法和示例,有需要的小伙伴可以参考下。今天开发过程中遇到了这样一个问题:需要将Excel上传至服务器进行解析,但是在文档不合适的情况下希望可以不刷新页面提示用户文档不合适。冥思苦想了半天,在网上找了不少资料最终试验成功,在此分享下处理方法:首先先说下处理思路:在页面上添加一个隐藏的iframe,设置form表单的target属性设置为iframe的id,这样form提交时会将e...
案例:无标题文档function look() {//alert($("form input[type=file]").val())alert($("input[name=test]").upload("getFileVal"))}function clean() {$("input[name=test]").upload("clean")}function ajaxSubmit() {$("input[name=test]").upload({url: 'index.aspx',// 其他表单数据params: { name: 'pxblog' },// 上传完成后, 返回json, textdataType: 'json',onSend: function (obj, str) { return true; },// 上传之后回调o...
开发环境 我们将使用 Visual Studio Express 2013 for Web 作为开发环境, 不过它还不能被用来做 Node.js 开发。为此我们需要安装 Node.js Tools for Visual Studio。 装好后 Visual Studio Express 2013 for Web 就会转变成一个 Node.js IDE 环境,提供创建这个应用所需要的所有东西.。而基于这里提供的指导,我们需要:下载安装 Node.js Windows 版,选择适用你系统平台的版本, Node.js (x86) 或者Node.js (x64) 。 下载并安...
异步拖拽上传文件--小实例 upload.htmlTODO supply a title#box{width:150px;height: 150px;border: 1px solid red;}window.onload = function () {var box = document.getElementById('box');box.ondragenter = function (e) {e.preventDefault();}box.ondragover = function (e) {e.preventDefault();}box.ondragleave = function (e) {e.preventDefault();}box.ondrop = function (e) {e.preventDefault();var file = e.dataTra...
本文实例讲述了jquery实现图片上传之前预览的方法。分享给大家供大家参考。具体实现方法如下:/* *参数说明: Img:图片ID;Width:预览宽度;Height:预览高度;ImgType:支持文件类型;Callback:选择文件显示图片后回调方法; *使用方法: 把需要进行预览的IMG标签外 套一个DIV 然后给上传控件ID给予uploadPreview事件 $("#up").uploadPreview({ Img: "ImgPr", Width: 120, Height: 120, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Ca...
本文实例讲述了js实现头像图片切割缩放及无刷新上传图片的方法。分享给大家供大家参考。具体如下: fname:后台接收时用的名字, 必填 funstr:开始上传执行的函数, 默认无 funbak:上传成功后的回调函数, 必填 furl:上传地址; 默认当前form的提交页面 注意:上传地址和当前地址必须为同意域名否则回调函数获取不到 上传成功发回的地址。 a.php:$path=a.jpg; move_uploaded_file($_FILES[uimg][tmp_name],$path); exit(json_enco...
本文实例讲述了JavaScript检测上传文件大小的方法。分享给大家供大家参考。具体如下: 通过JS客户端代码限制用户上传文件的大小,但是客户端的验证只是辅助的,服务器端一定还要再做验证js check file size @ jb51.netvar maxsize = 2*1024*1024;//2Mvar errMsg = "上传的附件文件不能超过2M!!!";var tipMsg = "您的浏览器暂不支持计算上传文件的大小,确保上传文件不要超过2M,建议使用IE、FireFox、Chrome浏览器。";var brows...