`
javaEEdevelop
  • 浏览: 876299 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

ajax上传图片或文件

 
阅读更多

 

<?xml version="1.0" encoding="UTF-8" ?>

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!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>Insert title here</title>

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/ajaxfileupload.js"></script>

<script type="text/javascript">

function ajaxFileUpload(){

$.ajaxFileUpload({

                    url: "fileupload",  //一个servlet,只要是后台服务的地址就行

                    secureuri: false,

                    fileElementId: "fileupload",//Input file id

                    dataType: "json",

                    success: function(data,status){

                       alert(data.msg);

                    },

                    error: function (data, status, e)

                    {

                    alert(e);

                   }

        });

}

</script>

</head>

<body>

/fileupload

 

<input type="file" id="fileupload" name="fileupload"/>

<input type="button" value="确定"  onclick="ajaxFileUpload()"/>

 

</body>

</html>

 

 

//jsp服务端

 

 

request.setCharacterEncoding("UTF-8");

response.setContentType("text/html;charset=UTF-8");

DiskFileItemFactory factory = new DiskFileItemFactory();

factory.setSizeThreshold(1024*20);

ServletFileUpload upload = new ServletFileUpload(factory);

        upload.setSizeMax(maxPostSize);

        try

        {

            List fileItems = upload.parseRequest(request);

            Iterator iter = fileItems.iterator();

            while (iter.hasNext())

            {

                FileItem item = (FileItem) iter.next();

              String s="ss";

 

 

                if (!item.isFormField())

                {

                    String name = item.getName().substring(item.getName().lastIndexOf("\\")+1);

 

                    try

                    {

                        File skFile = new File(path + name);

                        System.out.println("file"+path+name);

                        if (skFile.exists())

                        {

                            skFile.delete();

                            item.write(new File(path + name));

 

                        }

                        else

                        {

                            item.write(new File(path + name));

                        }

 

                    } catch (Exception e)

                    {

                        e.printStackTrace();

                    }

                }

            }

        } catch (FileUploadException e)

        {

            e.printStackTrace();

        }

 

        String json="{\"msg\":\"success\"}";

        response.getWriter().write(json);

 

分享到:
评论

相关推荐

    C#实现AJAX 上传文件,图片,音乐,

    本教程将重点讨论如何在C#环境下,通过AJAX技术实现文件,包括图片和音乐的上传功能。 首先,理解AJAX上传的基本原理。传统的文件上传通常涉及整个页面的刷新,而AJAX允许我们仅更新部分网页内容,提高用户体验。...

    上传文件AJAX

    虽然可以手动实现AJAX文件上传,但有许多优秀的库和框架可以帮助我们简化工作,如jQuery的`$.ajax`或`$.fileUpload`,AngularJS的`ng-file-upload`,React的`react-dropzone`等。 ### 总结 "上传文件AJAX"技术使得...

    spingmvc集成插件ajax上传图片文件

    在Spring MVC框架中,集成jQuery插件实现Ajax上传图片和文件是一种常见的需求,尤其是在现代Web应用中,这种异步上传方式能提供更好的用户体验。本文将详细介绍如何在Spring MVC项目中集成Ajax上传功能,并重点关注...

    java做的ajax异步上传 图片或文件的demo

    如果一切配置无误,你应该能够在浏览器中访问应用,并尝试上传图片或文件。 总的来说,这个"java做的ajax异步上传 图片或文件的demo"涵盖了Java Web开发中的关键概念,包括Ajax通信、文件上传处理、Servlet、以及...

    通过Ajax上传图片

    // 调用Ajax上传函数 uploadImage(); }); }); ``` 3. **创建Ajax请求**:在`uploadImage()`函数中,我们将构建Ajax请求,使用FormData对象来封装图片文件。 ```javascript function uploadImage() { var ...

    ajax提交form表单和上传图片

    本教程将详细讲解如何利用jQuery、jQuery Form插件以及Spring MVC框架来实现Ajax提交表单并上传图片。通过这种方式,用户无需等待页面刷新,即可完成操作,提升了交互性。 首先,`jquery.js` 是jQuery库的核心文件...

    ajax上传文件案例

    但随着技术的发展,人们找到了利用AJAX进行文件上传的方法,例如通过使用插件或库,如本案例中的"ajaxfileupload"。 "ajaxfileupload"是一个JavaScript库,专门用于解决AJAX文件上传的问题。它使得开发者能够轻松地...

    struts2+jquery+ajax文件异步上传

    在Struts2的配置文件中,我们可以定义这些规则,例如限制上传文件的大小,只接受特定类型的文件(如图片、文档等)。此外,我们还需要关注安全问题,防止恶意文件上传。 文件上传的实现通常包括以下几个步骤: 1. ...

    ajax上传文件图片的demo

    一、AJAX上传文件基础 1. **XMLHttpRequest对象**:AJAX的核心是XMLHttpRequest对象,它允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。在JavaScript中创建XMLHttpRequest实例,然后通过open...

    php+ajax批量上传图片,php+ajax上传图片,ajax+php上传图片,批量上传,批量上传图片

    在Web开发中,批量上传图片是一项常见的功能,尤其是在社交媒体、电商平台和内容管理系统中。本教程将深入探讨如何使用PHP和AJAX技术实现这一功能。PHP作为服务器端脚本语言,处理文件上传,而AJAX则负责异步通信,...

    ajax异步文件上传,servlet处理

    在现代Web应用中,用户经常需要上传文件,如图片、文档等。为了提供更好的用户体验,开发者通常会采用AJAX(Asynchronous JavaScript and XML)技术实现异步文件上传,避免传统方式下页面刷新带来的中断感。AJAX允许...

    fileUpload(兼容IE的Ajax上传图片)

    "fileUpload(兼容IE的Ajax上传图片)"是一个专为解决浏览器兼容性问题而设计的解决方案,它确保在包括IE8在内的较旧版本Internet Explorer浏览器中也能实现Ajax方式的图片上传。 Ajax(Asynchronous JavaScript and ...

    ajax上传图片

    【Ajax上传图片】技术是现代Web开发中一种常见的文件上传方式,它利用JavaScript的Ajax技术实现页面无需刷新即可完成文件的上传,极大地提升了用户体验。在Java后端支持下,Ajax异步上传图片或文件的流程通常包括...

    jsp ajax 文件上传(包含图片)

    网上找了好多jsp ajax上传好多都用不了,我自己摸索了一番,终于搞出来了,意义就在于ajax的异步刷新,如果用表单上传必须要跳转页面,废话不多说了,里面有图有真相。在这里我说明一下,我举得例子是即时上传头像...

    ajax多文件上传图片文件带预览功能

    "Ajax多文件上传图片文件带预览功能"是实现这一需求的一种高效且用户体验良好的技术方案。通过Ajax(异步JavaScript和XML)技术,我们可以实现无刷新的文件上传,同时在用户选择文件后即时预览图片,提升交互体验。 ...

    ajax上传文件

    在现代Web应用中,"Ajax上传文件"是一个重要的技术,它允许用户在不刷新整个页面的情况下,通过异步方式上传文件。这种方式极大地提升了用户体验,因为它提供了实时反馈,并减少了页面加载时间。下面我们将深入探讨...

    Base64和AjaxUpload上传文件代码实例

    Base64和AjaxUpload上传文件代码实例 Base64和AjaxUpload上传文件代码实例是两种常用的文件上传方式,它们都可以实现文件上传到服务器端,但它们之间有着明显的区别。 Base64上传文件是一种基于文本编码的上传方式...

    SpringMVC+Ajax异步上传图片并显示(源码)

    在本文中,我们将深入探讨如何使用SpringMVC和Ajax实现异步上传图片并实时显示的功能。这个技术组合常用于Web应用开发中,提供流畅的用户体验,避免页面刷新带来的不便。 首先,SpringMVC是Spring框架的一部分,专...

Global site tag (gtag.js) - Google Analytics