一、图片上传实现本地预览 由于上传图片功能，现在大多数都需要在本地实现预览，为了能够更好的让用户体验到效果，实现成品的证明，需要兼容好几种浏览器，所有通过各个例子整合了这个例子插件，兼容火狐、谷歌、ie8，其他的没有进行测试过 代码如下: (function($){ jQuery.fn.extend({ uploadPreview: function(opts){ opts = jQuery.extend({ width: 0, height: 0, imgPreview: null, imgType: ["gif", "jpeg", "jpg", "bmp", "...
网上找了一天，大家都说Uploadify唯一的缺点就是不支持中文按钮，杯具之前，我看了下Uploadify的API，才发现了几个参数没被大家提及的，这正是解决此问题的关键。（以后坚决养成没事就看API的习惯） Uploadify有一个参数是 buttonText 这个无论你怎么改都不支持中文，因为插件在js里用了一个转码方法把这个参数的值转过码了，解码的地方在那个swf文件里，看不到代码，所以这条路不行。 另一个参数，网上很少提到，是 buttonI...
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, //选定文件后是否自动...
特点: 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的可以邮件我！
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...
对于HTML5版本会比较好的支持手机浏览器，避免苹果手机Safari浏览器不支持Flash，主要特性：支持多文件上传、HTML5版本可拖拽上传、实时上传进度条显示、强大的参数定制功能，如文件大小、文件类型、按钮图片定义、上传文件脚本等。Flash版本使用方法：1.加载JS和CSS代码如下: 2.编写HTML内容代码如下:3.函数调用代码如下: $(document).ready(function() { $("#file_upload").uploadify({ ...
无论是PHP，还是其他的服务端脚本都提供了文件上传功能，实现起来也比较简单。而利用JavaScript来配合，即可实现Ajax方式的文件上传。虽然jQuery本身没有提供这样的简化函数，但有不少插件可以实现。其中，Phpletter.com提供的ajaxfileupload.js是一个轻量的插件，而且编写方式与jQuery提供的全局方法$.post()非常相似，简单易用。 不过，该插件实在太简化了，除了可提供需上传文件的路径外，也就不能传递额外的值到后台服务端。所...
jQuery插件AjaxFileUpload可以实现ajax文件上传，该插件使用非常简单，首先了解一下正确使用AjaxFileUpload插件的方法，然后再了解一些常见的错误信息和解决方法。 使用说明 需要使用jQuery库文件 和AjaxFileUpload库文件 使用实例 一，包含文件部分代码如下:二，HTML部分代码如下:上传 只需要三个元素，一个动态加载小图标、一个文件域和一个按钮 注意：使用AjaxFileUpload插件上传文件可不需要form，如下：因为AjaxFileUpload插件...
相关资源下载：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...
代码很简单，常见的图片格式均已加入验证之中，小伙伴们可以直接拿去用的。 废话少说，直接上代码代码如下: $(document).ready(function(){$("#form01").change( function(){var filepath=$("input[name='myFile']").val();var extStart=filepath.lastIndexOf(".");var ext=filepath.substring(extStart,filepath.length).toUpperCase();if(ext!=".BMP"&&ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){alert("图片限于bmp...
文件上传是网站常用的功能，例如附件或图片的上传功能，解决方案也有很多，我们今天介绍一种通过jQuery无刷新的文件上传方式。 首先，我们在页面中放一个form，用来上传文件：代码如下:然后，在页面中放一个iframe，在上传的时候只刷新iframe，而不是整个网页：代码如下:接下来使用js为按钮添加功能：代码如下: $(function () {$("#btnUpload").click(function () {$("#myForm").submit();});});在按钮单击的时候，将form提交。 这...
本文实例讲述了jQuery统计上传文件大小的方法。分享给大家供大家参考。具体如下： 对于现代浏览器(支持html5)来说，在客户端统计上传文件的大小，可以通过$(selector)[0].files[0].size来实现。但在老版本的IE浏览器中，比如IE7,IE8或IE9，却不支持这种做法，但可以借助ActiveXObject对象来实现。代码如下:@section scripts {$(function() {$('#g').on("click", function() {getFileSize("f");});});function getFileSize(eleId) {...
本文实例讲述了限制上传文件大小和格式的jQuery插件。分享给大家供大家参考。具体分析如下： 在客户端上传文件，通常需要限制文件的尺寸和格式，最常用的做法是使用某款插件，一些成熟的插件的确界面好看，且功能强大，但美中不足的是：有时候会碰到浏览器兼容问题。本篇就来写一个"原生态"的jQuery插件，使之能限制上传文件的大小和格式。 首先，写一个名称为checkFileTypeAndSize.js的插件。通过判断当前文件的后缀名是否被包含在...