ajaxFileUpload用法

首先要引入两个js

<script type="text/javascript" src="/static/js/jquery.js"></script><script type="text/javascript" src="/static/js/ajaxfileupload.js"></script>注意顺序
$(function(){
    $(‘#upload‘).click(function(){
            $("#submit_info").click(
                    function() {
                        var fileObj = document.getElementById("file_e").files;
                        if (fileObj.length < 1) {
                            alert("请选择一个上传文件!");
                        } else {
                        ajaxFileUpload();
                    }
                    })
        });
    });

function ajaxFileUpload() {
        $.ajaxFileUpload(
                {
                    url: ‘/student/openUpload/‘,
                    type: ‘post‘,
                    secureuri: false, //是否需要安全协议,一般设置为false
                    fileElementId: ‘file_e‘, //文件上传域的ID
                    dataType: ‘json‘, //返回值类型 一般设置为json
                    success: function (response) {  // 处理完数据后前台的回调函数(即后台执行完之后前台接着要做的事)
                        if (response[‘flag‘] == true) {
                            var data = response[‘msg‘];
                            alert(data);
                            window.location = "/student/open/"
                        } else {
                            data = response[‘msg‘];
                            alert(data);
                        }
                    },
                    error: function (data, status, e)//服务器响应失败处理函数
                    {
                        alert(e);
                    }
                });
    }

  

时间: 2024-08-29 23:30:49

ajaxFileUpload用法的相关文章

使用AjaxFileUpload.js实现文件异步上传

ajax是无法提交文件的,所以在上传图片并预览的时候,我们经常使用Ifame的方法实现看似异步的效果.但是这样总不是很方便的,AjaxFilleUpload.js对上面的方法进行了一个包装,使得我们不用去管理Iframe的一系列操作,也不用影响我们的页面结构,实现异步的文件提交. html: <input type="file" name="upload" hidden="hidden" id="file_upload"

MVC+AjaxFileUpload文件上传

本次给大家分享的是ajaxfileupload文件上传插件,百度一大堆功能超炫的文件上传插件,为什么我们会选择这个插件呢? 原因是在此之前,我们尝试使用过很多基于flash的上传插件,但由于兼容性,适用性等诸多问题,最终我们选择了—ajaxfileupload.js,由于它使用的原生input标签实现,兼容性很好,它的原理和用法我就不多说了,很多大神们都分析的很透彻.本次和大家分享一下使用它时遇到的各种'坑',希望大家在使用的时候有所规避. 1.类型问题 如下图,网上大多数资料都说类型dataT

转:一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子

页面代码: <html>    <!-- 引入相关的js文件,相对路径  -->    <script type="text/javascript" src="js/jquery.js"></script>      <script type="text/javascript" src="js/ajaxfileupload.js"></script> &l

关于ajaxfileupload.js上传图片使用历程(struts2)

因为要使用上传图片功能,附加图片的描述信息, 而传统的<s: file/>由于一些限制在这个小模块中无法使用, 于是搜到了使用ajaxfileupload.js插件进行上传的方法,在使用过程中,jsp,js,struts2 因为自己不熟悉ajax的情况出了许多的小问题,在这里记录一下, 方便自己查看,也希望能帮到他人, 首先说一下思路,通过点击上传直接触发js 的function 调用后台把图片拷贝到指定服务器目录,返回保存的路径到前台,然后跟随图片描述信息一起用ajax异步传到后台.(PS:

ajaxfileupload的使用实例

今天简单总结一下ajaxfileupload的用法,具体实例如下: 1.上传一个文件并携带多个参数. 2.上传多个文件并携带多个参数. 扩展:可以通过jquery扩展为添加文件选择框,去除文件选择框,而不是写死只能上传几个文件. 3.上传一个文件并携带多个参数,同时上传完成之后,及时显示. 4.上传一个文件并携带多个参数,上传之前实现预览. 5.上传一个文件,并携带多个参数. 通过css将界面完善的更加人性化:点击图片选择文件. 项目通过maven构建,前后台通过springmvc交互数据,sp

一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子

页面代码:   <html>     <!-- 引入相关的js文件,相对路径  -->     <script type="text/javascript" src="js/jquery.js"></script>       <script type="text/javascript" src="js/ajaxfileupload.js"></script&g

十九、多文件上传(ajaxFileupload实现多文件上传功能)

来源于https://www.jb51.net/article/128647.htm 打开google 搜索"ajaxFileupload' '多文件上传"可以搜到许许多多类似的,那我为什么还要写一下呢?一个是对之前大神的贡献表示感谢:二个是自己知识的总结:三个是自己在原有的基础上改动了下,在此记录,可能帮助其他朋友. 用过这个插件的都知道这个插件的基本用法,我就不废话,直接上代码. 我需要实现多个文件上传,之前的做法是定义多个不同id的input,然后把ajaxfileuplod方法

js中获取时间new date()的用法

js中获取时间new date()的用法 获取时间:   var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.getDay();

20.5 Shell脚本中的逻辑判断;20.6 文件目录属性判断;20.7 if特殊用法;20.8 20.9 cace判断(上下)

扩展: select用法 http://www.apelearn.com/bbs/thread-7950-1-1.html 20.5 Shell脚本中的逻辑判断 格式1:if 条件 ; then 语句; fi 1. 创建if1.sh测试脚本: [[email protected] ~]# vi if1.sh a=5,如果a大于3,满足这个条件,显示ok 添加内容: #!/bin/bash a=5 if [ $a -gt 3 ] then echo ok fi 2. 执行if1.sh脚本: [[e