jquery.fileupload插件 ie9下不支持上传

根据https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support

The following browsers support at least one form of AJAX style
file uploads, either via XHR or
via the Iframe
Transport
:

Desktop browsers


  • Google Chrome

  • Apple Safari 4.0+

  • Mozilla Firefox 3.0+

  • Opera 11.0+

  • Microsoft Internet Explorer 6.0+

1、要支持上传.必须支持AJAX style
file uploads, either via XHR or
via the Iframe
Transport
,

这三种中的一种,所以我选择了最后一种Iframe
Transport

,根据Iframe
Transport
链接下的地址https://cmlenz.github.io/jquery-iframe-transport/

1、下载jquery.iframe-transport.js。然后引入该js文件

2、根据 https://cmlenz.github.io/jquery-iframe-transport/

加入参数对于ie10以下的浏览器加入参数:iframe=true

?





1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

var
url = ctx   + fileServiceURL.saveFiles;//上传文件的地址

         

         var
iframe = false;

            if($.browser.msie  && $.browser.version < 10){ 

                iframe = true;

            }

     

        $(‘#‘
+ _this.ctlID ).fileupload({

            url: url,

            //forceIframeTransport: forceIframeTransport,

             iframe: iframe,

            dataType: ‘json‘,

            //datatype: dataType,

            autoUpload: true,

            //sequentialUploads : true,

            formData: {signUploadFile: _this.signature},

            maxFileSize: 5000000, // 5 MB

            previewMaxWidth: 100,

            previewMaxHeight: 100,

            previewCrop: true

        }).on(‘fileuploadadd‘, function
(e, data) {

             

            pageLock("show");

        }).on("fileuploadsubmit", function(e, data){

            if(_this.signature && !_this.validSignatureUSB()){

                pageLock("hide");

                return
false;

            }

            return
true;

        }).on(‘fileuploaddone‘, function
(e, data) {

            pageLock("hide");

            if((typeof
data.result) == "undefined"){

                oAlert("不支持上传该格式的文件");

            }else{

                $.each(data.result.data, function(index){

                    //console.log("new file " + this.fileID);

                    _this.addFile(this.filename, this.fileID,  this.contentType, this.digestValue,  this.digestAlgorithm,  this.certificate, true);

                });

            }

             

        }).on(‘fileuploadfail‘, function
(e, data) {

            pageLock("hide");

            if((typeof
data.result) == "undefined"){

                oAlert("可能您上传的文件格式不被支持!!!");

            }else{

                $.each(data.result.files, function
(index, file) {

                    var
error = $(‘<span/>‘).text(file.error);

                    $(data.context.children()[index])

                        .append(‘<br>‘)

                        .append(error);

                });

            }

            

        });

  

时间: 2024-10-27 17:03:46

jquery.fileupload插件 ie9下不支持上传的相关文章

使用jQuery.FileUpload插件和服Backload组件自定义上传文件夹

在零配置情况下,文件的上传文件夹是根目录下的Files文件夹,如何自定义文件的上传文件夹呢? □ 在web.config中配置 1: <configuration> 2: <configSections> 3: ... 4: <section name="backload" type="Backload.Configuration.BackloadSection, Backload, Version=1.9.3.1, Culture=neutra

MVC文件上传-使用jQuery.FileUpload和Backload组件实现文件上传

本篇使用客户端jQuery-File-Upload插件和服务端Badkload组件实现多文件异步上传.MVC文件上传相关兄弟篇: 处理文件上传的服务端组件Backload 用于处理文件上传的服务端组件.Backload与客户端文件上传插件(比如jQuery-File-Upload)配合使用,初步形成一个处理文件异步上传的解决方案. □ Badkload的一些功能和特点 ● 零配置:Backload提供默认BackloadDemoController用来处理上传文件请求.如果其它控制器也想拥有"B

使用 jQuery FileUpload 插件实现异步上传

首先,先做两个提前准备工作  1.下载插件 2.向项目导入需要的css样式和js样式 下面,开始实现 使用 jQuery FileUpload 插件实现异步上传 <!- jsp 页面  以添加一个学生为例子 -!> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html P

新鲜出炉的jquery fileupload 插件

内容属原创,转载请注明出处 为什么做这个东东 项目中需要用到一个多附件上传的控件,找了一圈没找到中意的(唯一一个中意点的还不开源,费用比较高),这不,只得自己抡刀上了. 需求是什么 这么个上传的东东,要做哪些事情呢? 必须要干的事情: 1. 不能太丑,可以很素. 原生的input file实在和项目主体不太搭配,需要另外想办法. 2. 需要支持上传多个附件,比如后台有个字段叫做 影像资料,这个影像资料,也许就是一张正面照,也许,还有一堆的证件照,需要支持多个. 3. 需要一个页面上支持多个这样的

jQuery插件AjaxFileUpload实现ajax文件上传时老是执行error方法 问题原因

今天在用jQuery插件AjaxFileUpload实现ajax文件上传时,遇到一个问题,如图: 老是执行error,无法执行succes方法,追踪ajaxfileupload.js源码发现: 当执行if(type=="json")    eval("data = "+data);会抛出异常,导致在处理异常的时候将status = "error" 因此一直执行error方法. 上网查询,得知eval函数是用来执行一段js代码,而并不是如我所想的反

springmvc和servlet下的文件上传和下载(存文件目录和存数据库Blob两种方式)

项目中涉及了文件的上传和下载,以前在struts2下做过,今天又用springmvc做了一遍,发现springmvc封装的特别好,基本不用几行代码就完成了,下面把代码贴出来: FileUpAndDown.jsp <%@ page language="java" contentType="text/html; charset=UTF-8"%> <html> <head> <title>using commons Uplo

ASP.NET MVC下使用文件上传

这里我通过使用uploadify组件来实现异步无刷新多文件上传功能. 1.首先下载组件包uploadify,我这里使用的版本是3.1 2.下载后解压,将组件包拷贝到MVC项目中 3.  根目录下添加新文件夹Uploads,然后新建控制器UploadifyController.cs using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Web; using S

Myeclipse10.7安装git插件并将Java项目上传到码云(github)

注:本文来源:外匹夫的<Myeclipse10.7安装git插件并将Java项目上传到码云(github)> 一.先说说安装egit插件的步骤(安装egit不成功的原因主要是下载的egit版本不适合当前使用的Myeclipse版本). 通过上网搜索安装eclipse插件主要有以下三种方式: 第一种方式: 对于不同版本的eclipse和myeclipse可能有所不同,主要是有以下两种情况: 1. EGit插件地址:http://download.eclipse.org/egit/updates

轻量级 web 文件上传组件,支持html5,支持上传进度显示(IE10+、标准浏览器),文件拖拽,降级支持IE6+

老早就注册了博客园帐号,昨天才发现,连博客都没开,Github也是一样,深觉惭愧,赶紧潜个水压压惊`(*∩_∩*)′ 言归正传.大概许多人都会用到文件上传的功能,上传的库貌似也不少,比如(jQuery File Uploader.FineUploader.Uploadify.Baidu Web Uploader 等等),功能都很强大,代码量一般也较大.当时心想,就这么个小功能,杀鸡焉用牛刀,用库的话还得熟悉它的用法,有的需要引入额外的库,纯Flash的不考虑,还是动手造个轮子得了,至少造过之后能