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

页面代码：

<script type="text/javascript">
        function ajaxFileUpload(){
            $.ajaxFileUpload(
                 {
                url:'update.do?method=uploader',            //需要链接到服务器地址
                secureuri:false,
                fileElementId:'houseMaps',                        //文件选择框的id属性
                dataType: 'xml',                                     //服务器返回的格式，可以是json
                success: function (data, status)            //相当于java中try语句块的用法
                {
                    $('#result').html('添加成功');
                },
                error: function (data, status, e)            //相当于java中catch语句块的用法
                {
                    $('#result').html('添加失败');
                }
            }

            );

        }
    </script>
</head>

<body>
    <form method="post" action="update.do?method=uploader" enctype="multipart/form-data">
        <input type="file" id="houseMaps" name="houseMaps"/>
        <input type="button" value="提交" οnclick="ajaxFileUpload()"/>
    </form>
    <div id="result"></div>

</body>
</html>

服务器代码：

public class UpdateAction extends DispatchAction {

public ActionForward uploader(ActionMapping mapping, ActionForm form,
            HttpServletRequest request, HttpServletResponse response) {
        UpFormForm upFormForm = (UpFormForm) form;
        FormFile ff = upFormForm.getHouseMaps();
        try {
            InputStream is = ff.getInputStream();
            File file = new File("D:/" + ff.getFileName());            //指定文件存储的路径和文件名
            OutputStream os = new FileOutputStream(file);

            byte[] b = new byte[1024];
            int len = 0;
            while((len = is.read(b)) != -1){
                os.write(b, 0, len);
            }
            os.close();
            is.close();
        } catch (Exception e) {
            e.printStackTrace();

        }

        return null;
    }
<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> }

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

ajax页面 js文件上传,jQuery插件ajaxfileupload.js实现上传文件
AjaxUpLoad.js的使用实现无刷新文件上传,如图 1.创建页面并编写HTML 上传文档: 上传图片: 2.引用AjaxUpload.js文件 3.编写JS脚本 window.onload = ...
jquery form插件(ajax)上传文件实现及原理
原理: jquery form插件ajax上传文件的原理, 1.浏览器实现了XMLHttpRequest level2规范的,则插件使用xhr直接提交文件.通常来说chrome.firefox都实现了 ...
页面无刷新ajax上传文件--模拟iframe，超简单
前段时间在解决ajax上传文件时折腾了好一阵.直接用$.post上传文本信息肯定是没有问题的.但是$.post直接上传图片是不可行的. 后来看到网上的一些解决方案,有现成的ajax上传文件的封装的方法 ...
flask ajax 上传图片,flask jQuery ajax 上传文件
1.html 代码注:1.html 部分主要是一个form表单,其中表单的enctype = "multipart/form-data" 必须要有. 2.由于我的页面背景颜色设置 ...
imgareaselect + php 裁剪和上传,jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能
本文主要介绍了jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一,需要的朋友可以参考下,希望能帮助到大家. 上一节随笔中,我们已经知道了关于jQuery插件ImgAreaS ...
jsp通过ajax上传文件，基于jquery
#前言推荐讲解:使用ajax提交form表单,包括ajax文件上传推荐讲解:HTML5+Ajax上传文件建议:看这篇之前,请先了解直接form表单提交servlet方式上传文件 jsp上传文件 ...
Jquery+ajax上传文件
前言: 之前做文件操作都是直接通过表单提交的,这几天做了一个前台用jquery+ajax上传文件,后台用MVC接受文件,由于第一次用jquery+ajax做上传文件,所以用来写个博客.方便以后直接用. ...
上传html 0字节,HTML ajax 上传文件限制文件的类型和文件大小
html js function getFileType(filePath){ //获取文件的后缀名 var startIndex = filePath.lastIndexOf(".&quo ...
ajax轮询 xml,闲话ajax，例ajax轮询，ajax上传文件
引语:ajax这门技术早已见怪不怪了,我本人也只是就自己真实的经验去总结一些不足道的话.供不是特别了解的朋友参考参考! 本来早就想写一篇关于ajax的文章的,但是前段时间一直很忙,就搁置了,趁着元旦放 ...

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

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

最新文章

热门文章