相关资源下载：upload 1:jsp代码： 导入jquery.upload.js和jquery-1.7.2.js 添加调用js的代码：<a href="javascript:void(0)" rel="external nofollow" onclick="doUpload()">上传</a> 在底部写： <iframe style="position:absolute;top:-9999px" src="<%=basePath%>/resources/upload/upload.htm"/></iframe>2：js代码： /*文件上传*/ function doUpload() { // 上传方法 $.upload({ // 上传地址 url:window.basePath+/reply/imag...
jQuery插件AjaxFileUpload可以实现ajax文件上传，该插件使用非常简单，首先了解一下正确使用AjaxFileUpload插件的方法，然后再了解一些常见的错误信息和解决方法。 使用说明 需要使用jQuery库文件 和AjaxFileUpload库文件 使用实例 一，包含文件部分代码如下: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="ajaxfileupload.js"></script> 二，HTML部分代码如下: <img id="loadi...
对于HTML5版本会比较好的支持手机浏览器，避免苹果手机Safari浏览器不支持Flash，主要特性：支持多文件上传、HTML5版本可拖拽上传、实时上传进度条显示、强大的参数定制功能，如文件大小、文件类型、按钮图片定义、上传文件脚本等。Flash版本使用方法：1.加载JS和CSS代码如下: <script src="jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script src="jquery.uploadify.min.js" type="text/javascript"></script>...
代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %> <html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <title>Jquery Uploadify上传带进度条</title> <link href="js/jquery.uploadify-v2.1.4/uploadify.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jq...
javascript实现 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery文件上传</title> <script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript"> var add...
首先你确定你使用的插件的版本，版本不同，产生的问题也不同，我用的是3.2.1的版本，我前几天已经做好的功能今天运行的时候出错了，搞了半天也不知道那错了，最好仔细寻找，原来是jquery库的引入问题，可能是我引入的包版本低了，我换了一个js库立马好了，真是坑爹啊，谁需要这个demo的可以邮件我！
特点: 1.不依赖与jquery 2.而且,好看些吧..支持很多实例,上传成功后.会有一个回调函数.比如缩略图地址显示出来 用法: 代码如下: <link href="http://fineuploader.com/source/fineuploader-3.9.1.min.css" rel="stylesheet" /><script src="http://fineuploader.com/source/fineuploader-3.9.1.min.js"></script> 代码如下: var thumbnailuploader = new qq.FineUploader({ element: $(#thumbnail-fine-uploader)...
1、js代码： 代码如下:<script type="text/javascript"> $(document).ready(function() { $(#fileInput).uploadify({ //以下参数均是可选 uploader : <%=basePath%>images/uploadify.swf, //指定上传控件的主体文件，默认‘uploader.swf script : <%=basePath%>UploadServlet, //指定服务器端上传处理文件，默认‘upload.php cancelImg : <%=basePath%>images/cancel.png, //指定取消上传的图片，默认‘cancel.png buttonImg:<%=ba...
网上找了一天，大家都说Uploadify唯一的缺点就是不支持中文按钮，杯具之前，我看了下Uploadify的API，才发现了几个参数没被大家提及的，这正是解决此问题的关键。（以后坚决养成没事就看API的习惯） Uploadify有一个参数是 buttonText 这个无论你怎么改都不支持中文，因为插件在js里用了一个转码方法把这个参数的值转过码了，解码的地方在那个swf文件里，看不到代码，所以这条路不行。 另一个参数，网上很少提到，是 buttonI...
一、图片上传实现本地预览 由于上传图片功能，现在大多数都需要在本地实现预览，为了能够更好的让用户体验到效果，实现成品的证明，需要兼容好几种浏览器，所有通过各个例子整合了这个例子插件，兼容火狐、谷歌、ie8，其他的没有进行测试过 代码如下:(function($){ jQuery.fn.extend({ uploadPreview: function(opts){ opts = jQuery.extend({ width: 0, height: 0, imgPreview: null, imgType: ["gif", "jpeg", "jpg", "bmp", "p...
代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>Jquery Uploadify上传带进度条，且多参数</title> <link href="js/jquery.uploadify-v2.1.4/uploadify.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.uploadify-v2.1.4/...
一、在Head中加入 <script src="../lib/js/ajaxfileupload.js" type="text/javascript"></script> <script src="../lib/js/ligerui.expand.js" type="text/javascript"></script> 二、Html中的Div代码 代码如下: <div id="AppendBill_Div" style="display:none;"> <%-- 上传 - 单 --%> <table style="height:100%;width:100%"> <tr style="height:40px"> <td style="wid...
(jsp需要引入 ：jquery-1.9.0.js、jquery.form.js ) ，jsp页面使用的是bootstrap制作的，看不懂的标签不用管，form表单大同小异。代码比较简陋，只是为了演示使用ajaxSubmit异步上传图片及保存数据，请海含！ (参考文献：//www.gxlcms.com/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html) 一：web (add.jsp) 代码如下:<%@page import="com.fingerknow.project.vo.UserInformation"%> <%@ page language="java" contentTy...
点我下载工程代码 由于项目需求，在处理文件上传时需要使用到文件的异步上传。这里使用Jquery Ajax File Uploader这个组件下载地址：http://www.phpletter.com/download_project_version.php?version_id=6 服务器端采用struts2来处理文件上传。 所需环境： jquery.js ajaxfileupload.js struts2所依赖的jar包 及struts2-json-plugin-2.1.8.1.jar 编写文件上传的Action 代码如下:package com.ajaxfile.action; import java.io.File...
请求的url： 代码如下:function request(url, onSuccess, paras, method, isAsync, isMask) { $.ajax({type:method,url:url,async:isAsync,data:paras,success:function(request){onSuccess(request,isMask);},error:function(e) {if(isMask) $(#div_mask).unblock();},beforeSend:function(e){if(isMask)$(#div_mask).block({message:<img src="/ets/image/common/loadingCHS.gif"/>});}}); } ajax 中同步或者异步请求url时，当...