`

ajaxFileUpload 上传文件

 
阅读更多
<input type="file" name="creativeResourceImage" id="creativeImage">
<input type="button" id="j-upload" value="上传"/>
<input type="hidden" name="creativeResourceUrl" id="creativeResourceUrl"/>

页面ajax

$.ajaxFileUpload({
    url: '${rc.contextPath}/fileUpload/creativeInfoUpload',
    secureuri: false,
    fileElementId: 'creativeImage',
    dataType: 'json',
    success: function (json, status) {
         if (json.result == 'true') {
                var filePath = json.filePath;
                var fullPath = "${staticDomainImg}"+filePath;
                $("#creativeResourceUrl").val(fullPath);
                 alert(fullPath);
          } else {
               alert("上传的图片不能大于500KB");
          }
     },
     error: function (data, status, e)//服务器响应失败处理函数
     {
                            alert(e);
     }
});


controller:
UploadFile uploadFile = FileUpDownUtils.getUploadFile(request, "creativeResourceImage");
传给前端的文件参数名,也应该是type=file的name,请注意

分享到:
评论

相关推荐

    ajaxFileUpload上传文件

    ajaxFileUpload上传文件,ajaxFileUpload上传文件,ajaxFileUpload上传文件,ajaxFileUpload上传文件,ajaxFileUpload上传文件

    ajaxfileupload文件上传js

    通过ajaxfileupload实现JS的文件上传

    ajaxFileUpload上传文件时无返回结果,调整函数后出现syntaxError :unexpected

    在使用AjaxFileUpload进行文件上传时,可能会遇到一些常见的问题,比如“无返回结果”或者在尝试解决问题后出现“syntaxError: unexpected”的错误提示。这个情况通常与JavaScript语法错误、服务器端响应格式、...

    解决ajaxFileupload上传文件时的相关bug

    这个文件是在ajaxFileUpload.js文件基础上修改的,主要解决了以下问题: 1、由于jquery版本问题引起的bug,解决了ajaxFileUpload 报jQuery....3、优化,解决了使用ajaxFileUpload除了上传文件外不能传递其他参数的bug

    ajaxfileupload多文件上传

    **AjaxFileUpload是基于JavaScript和Ajax技术的一种文件上传组件,它允许用户在不刷新整个页面的情况下实现异步文件上传。这种技术在Web开发中被广泛应用,因为它提供了良好的用户体验,允许用户在后台处理文件上传...

    AjaxFileUpload 文件上传

    AjaxFileUpload 是一个专门用于实现异步文件上传的JavaScript组件,它利用了Ajax技术,让用户可以在不刷新页面的情况下完成文件上传,提供了更为流畅和友好的用户体验。 AjaxFileUpload 的核心原理在于利用Ajax...

    ajaxfileupload上传文件

    `AjaxFileUpload` 是一个基于 jQuery 的插件,它允许用户在不刷新整个页面的情况下实现异步(即AJAX)文件上传,提高了用户体验。下面将详细介绍 `AjaxFileUpload` 插件的使用方法以及与之相关的 `jQuery` 和 HTML ...

    php+ajaxfileupload+文件上传进度条

    2. **AJAXFileUpload**: AJAXFileUpload是基于jQuery的一个插件,用于实现异步文件上传。它利用Ajax技术,使得文件上传无需刷新页面即可完成。这极大地提升了用户体验,因为用户可以在上传文件的同时继续浏览其他...

    AjaxFileUpload实现文件上传

    AjaxFileUpload是基于JavaScript和AJAX技术的一种实现文件上传的方式,它允许用户在不刷新整个页面的情况下进行文件上传,提供了一种更为流畅的用户体验。在本文中,我们将深入探讨AjaxFileUpload的工作原理、如何...

    $.ajaxFileUpload 文件上传

    $.ajaxFileUpload 是一个jQuery插件,它提供了异步文件上传的能力,使得用户无需刷新页面即可完成文件提交,提高了用户体验。 $.ajaxFileUpload 的核心在于使用Ajax技术,它允许在后台与服务器交换数据并更新部分...

    ajaxfileupload(支持多文件通过id上传)

    ajaxfileupload上传文件插件,支持多文件上传

    ajaxfileupload1.0.zip 文件无刷新上传代码

    【标题】:“ajaxfileupload1.0.zip 文件无刷新上传代码” 这个压缩包“ajaxfileupload1.0.zip”提供了一种实现无刷新文件上传的解决方案。无刷新上传,也称为异步文件上传,是现代网页应用中常用的一个功能,它...

    AJAXFileUpload ajax 异步文件上传 进度条

    AJAXFileUpload是一种基于AJAX技术的异步文件上传组件,它允许用户在不刷新页面的情况下上传文件,并且可以实时显示上传进度,提供良好的用户体验。本文将深入探讨AJAXFileUpload的工作原理、实现方式以及其在实际...

    ajaxfileupload.js用于文件上传

    ajaxfileupload.js用于文件上传

    AjaxFileUpload实现文件异步上传(功能实现代码).rar

    AjaxFileUpload实现文件异步上传(功能实现代码).rar AjaxFileUpload实现文件异步上传, 文件域添加change事件,改变文件域时执行上传文件功能 $("#upload-excel-file").bind("change", function() {  $....

    ajaxfileupload实现异步式上传文件

    **AjaxFileUpload实现异步文件上传详解** 在Web开发中,传统的文件上传方式通常会导致页面刷新,用户体验不佳。为了提供更好的交互性,开发者通常会采用异步文件上传技术,AjaxFileUpload就是这样一个JavaScript库...

    AjaxFileUpload 文件下载

    `AjaxFileUpload`是一个基于jQuery的插件,专门用于实现异步文件上传功能,它极大地优化了用户体验,避免了传统表单提交带来的页面刷新问题。这篇内容将详细介绍`AjaxFileUpload`插件的核心原理、使用方法以及常见...

    解决ajaxfileupload.js在IE9,firefox下文件超大无效

    本文将详细介绍如何解决在IE9和Firefox下使用`AjaxFileUpload.js`进行文件上传时遇到的大文件上传失效的问题。 #### 问题描述 当尝试通过`AjaxFileUpload.js`上传较大文件至服务器时,在IE9和Firefox浏览器中可能...

    ajaxfileupload.js多文件上传

    ajaxfileupload.js 这是个非常好的异步上传图片的插件,来解决form表单上传时要刷新页面的问题。支持多文件上传

Global site tag (gtag.js) - Google Analytics