本文实例为大家分享了基于jQuery Ajax实现上传文件的关键代码，供大家参考，具体内容如下 JS代码：//保存 function btnAdd() {var formData = new FormData($("#frm")[0]);$.ajax({url: "/Admin/ContentManage/SaveEdit",type: "POST",data: formData,contentType: false, //必须false才会避开jQuery对 formdata 的默认处理 XMLHttpRequest会对 formdata 进行正确的处理 processData: false, //必须false才会自动加上正确的Conten...
本文实例分享了原生JS版和jQuery 版实现文件上传功能的例子，供大家参考，具体内容如下HTML5 Ajax Uploader/*原生JS版*/ document.getElementById("upJS").onclick = function() {/* FormData 是表单数据类 */var fd = new FormData();var ajax = new XMLHttpRequest();fd.append("upload", 1);/* 把文件添加到表单里 */fd.append("upfile", document.getElementById("upfile").files[0]);ajax.open("post", "test.php", true);aja...
1.初始化上传控件数量。 代码如下: $(document).ready(function() { $(#H_File).uploadFile({ key: test,count:3 }); }); 以前的设计思想是，初始化上传控件数量，页面显示为1个上传控件，每当上传成功后，在下面创建一个上传控件。 2.上传图片成功后 这就是最终的效果，如果您有更好的插件，希望一起开源。 其他的就不多说了，如果您感兴趣，点击下载源码 /201010/yuanma/jquery_aspnet_upload1.rar (262.34 kb)
而且未建立统一上传函数。于是将代码改造了。心想来个ajax异步上传图片吧，这技术应该很老套了。于是直接打开强大的cnblogs轻松的找到了 这篇文章 直接依葫芦画瓢，将该作者的劳动成果直接“拿来主义了”。很快就把代码全改造了。可是当我把程序发布到服务器上的时问题来了。上传文件失效了！汗～ 都是偷懒造成的恶果。继续打开先前参考的那篇文章。原来作者解释了只能在本地使用而不能发布到服务器上。心想我难道还得用 iframe + ...
这样TinyMCE 就可以正常显示图片了。其实该功能属于普通HTML富文本控件基本功能了。现有需求将TinyMCE 扩展成可直接上传本地图片而后在文本区域显示图片。 实现思路： 使用Ajax 进行图片上传，此上传方式可以更友好的实现TinyMCE 的图片上传扩展， 具体方法可以参考我的上一篇 Jquery ajaxsubmit 上传图片。将Ajax上传图片集成到 TinyMCE 中， 主要是修改TinyMCE 目录下的 tinymce\jscripts\tiny_mce\plugins 的 advimage 插件。 了...
jquery实现上传图片及图片大小验证、图片预览效果代码 上传图片验证 代码如下: */ function submit_upload_picture(){ var file = $(file_c).value; if(!/.(gif|jpg|jpeg|png|gif|jpg|png)$/.test(file)){ alert("图片类型必须是.gif,jpeg,jpg,png中的一种") }else{ $(both_form).action="file!upload.action"; $(both_form).submit(); $(insert_img).sethtml(); $(display_div).setstyle(display, block); $(upload_div).setstyl...
js部分是这样的: 代码如下: //**********************图片上传预览插件************************ //作者：IDDQD(2009-07-01) //Email：iddqd5376@163.com //http://blog.sina.com.cn/iddqd //版本：1.0 //说明：图片上传预览插件 //上传的时候可以生成固定宽高范围内的等比例缩放图 //参数设置： //width 存放图片固定大小容器的宽 //height 存放图片固定大小容器的高 //imgDiv 页面DIV的JQuery的id //imgType 数组后缀名 //*****...
1. Plupload Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。2. The KillersAjax Upload 该插件使用 XHR 用于上传多个文件，支持上传进度显示，但不支持 IE 3. SWFUpload jQuery Plugin4. AjaxFileUpload5. Uploadify Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下： 支持单文件或多文件上传，可控制并发上传的文件数在服务器端支...
前面我写过一篇短小的文章，简要的介绍了下怎样定义input type="file" 的样式。对于一般的表单，上传控件较少，这样的做法确实不错，既减少了代码，又美化了样式，原文：《定义input type="file" 的样式》 其实要实现给file控件定义样式，大致思想都是一样的。 今天看到博客园的繁花连写两篇文章来研究file控件 《jquery.fileEveryWhere.js--一个跨浏览器的file显示插件》 《firefox下input type="file"的size是多大》 我这里也按捺...
官方地址：http://www.uploadify.com/ 脚本之家提供的下载地址：http://www.gxlcms.com/jiaoben/21484.html官方英文文档：http://www.uploadify.com/documentation/ 使用方法(.net版本): 前台JS 代码如下: $("#id").uploadify({ height: 30, swf: /uploadify/uploadify.swf, uploader: /Handler/uploadPic.ashx, width: 120, cancelImg: /uploadify/uploadify-cancel.png, buttonText: 选择图片, fileTypeExts: *.gif;*.jpg;*.jpe...
请求的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:});}}); } ajax 中同步或者异步请求url时，当要响应返回的请求，这是有个等待过程的。 代码...
点我下载工程代码 由于项目需求，在处理文件上传时需要使用到文件的异步上传。这里使用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.Fil...
(jsp需要引入 ：jquery-1.9.0.js、jquery.form.js ) ，jsp页面使用的是bootstrap制作的，看不懂的标签不用管，form表单大同小异。代码比较简陋，只是为了演示使用ajaxSubmit异步上传图片及保存数据，请海含！ (参考文献：http://www.gxlcms.com/shouce/jquery/jquery_api/Plugins/Form/ajaxSubmit.html) 一：web (add.jsp) 代码如下: pageEncoding="utf-8"%> 注册商圈 response.setCharacterEncoding("utf-8");//这...
一、在Head中加入 二、Html中的Div代码 代码如下: 图标: 三、Js中-写的是关键部分，会LigerUI的朋友-你懂得 1、grid中添加项【存地址字段】 { display: "扫描件", name: "AppendBillPath", width: 120, type: "text", align: "left" ...
代码如下: 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', 'folder': 'UploadFile/', //上传文件夹的路径按20130416 'queueID': 'fileQueue', //页面...