`

ajax上传图片

阅读更多
$('.file').change(function(){
                var formData = new FormData();
                for(x in $(this)[0].files){
                    formData.append("file", $(this)[0].files[x]);
                }
                $.ajax({
                    url : "/upload/uploadFile.do",
                    type : "post",
                    cache: false,
                    data: formData,
                    dataType:"json",
                    processData: false,
                    contentType: false,
                    success: function(result){
                        if(result.code == "1" && result.data){
                            //bootbox.alert("文件上传成功!");
                            $('.uploadImageSuccess').show().attr('src',imgPath+'/'+result.data[0])
                            $('[name=infoImgUrl]').val(result.data[0]);
                        } else {
                            bootbox.alert(result.msg);
                        }
                    }});

            });

});

 

分享到:
评论

相关推荐

    Ajax上传图片

    Ajax上传图片

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

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

    通过Ajax上传图片

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

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

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

    .net无刷新上传图片,net ajax 上传图片

    在.NET开发中,实现无刷新上传图片功能,通常会结合Ajax技术来提供用户友好的交互体验。Ajax(Asynchronous JavaScript and XML)允许我们在不重新加载整个网页的情况下与服务器交换数据并更新部分网页内容,这正是...

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

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

    ajax上传图片,PHP上传图片,PHP上传图片跨域,跨域上传图片,上传图片缩览图

    首先,让我们从AJAX上传图片开始。AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。在图片上传场景中,AJAX可以提供无刷新的用户体验,使得用户在上...

    ajax提交form表单和上传图片

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

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

    首先,理解AJAX上传的基本原理。传统的文件上传通常涉及整个页面的刷新,而AJAX允许我们仅更新部分网页内容,提高用户体验。通过XMLHttpRequest对象或使用jQuery等库提供的方法,我们可以创建异步请求,将文件数据...

    struts2 ajax上传图片以及提交form表单的值

    在本场景中,我们将探讨如何在Struts2中实现AJAX上传图片并同时提交表单数据。 **一、Struts2文件上传** 在Struts2中,文件上传主要依赖于`org.apache.struts2.interceptor.FileUploadInterceptor`拦截器。首先,...

    ajax上传图片或文件

    **Ajax上传图片或文件技术详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在现代Web应用中,它被广泛用于实现页面的异步交互,提升用户体验。本篇...

    ajax实现图片上传

    本篇文章将详细介绍如何利用Ajax实现图片上传的功能,包括前端页面设计、图片预览功能、以及Ajax上传代码实现等关键步骤。 #### 二、前端页面设计 前端页面是用户与系统交互的第一线,因此设计一个友好且功能完整的...

    php+ajax上传图片实例

    在这个"php+ajax上传图片"实例中,我们将看到以下关键知识点: 1. **HTML表单**:用于用户选择要上传的图片。通常,我们会有一个`<input>`元素,其`type`属性设置为`file`,让用户选择本地的图片文件。 2. **...

    PHP+AJAX上传图片带滚动条

    本项目"PHP+AJAX上传图片带滚动条"结合了这两种技术,为用户提供了友好的图片上传体验,同时增加了进度条展示,使得上传过程更加直观。 首先,PHP是一种服务器端的脚本语言,主要用于构建动态网站。在这个项目中,...

    Ajax上传图片(缩略图)源码

    Ajax上传图片(缩略图)源码 示例使用该方法主要是为了解决打印报表时由于图片大小没有合理的比例规范导致报表样式变形,同样该方法也适合网站或论坛由用户上传源图片生成微缩头像等。 1.Ajax无刷新上传图片。(jquery...

    JFinal完整demo全注释,实现ajax上传图片

    3.图片上传 并且ajax无刷新显示(使用了ajaxfileupload插件) 学习JFinal练习时所作demo,分享出来供需要的大家参考 项目引入eclipse,使用tomcat容器运行即可,localhost/项目名 访问 数据库mysql,转储的sql文件...

    ajax上传图片.html

    ajax上传图片

Global site tag (gtag.js) - Google Analytics