在上传文件的同时 传递参数 (ajax上传文件并传值给后台)

2023-10-31

之前用的ajax方法上传文件,结果这边需要对上传文件进行分类和关键字处理,

话不多说直接上代码了

前端html以及js部分

<fieldset>
    <legend>文件信息</legend>
    <table class="table" style="width: 100%;">
        <tr>
            <th style="width: 20%;">
                文件:
            </th>
            <td>
                <input id="file" name="file" type="file" style="width:300px;height: 25px">
            </td>
        </tr>
        <tr>
            <th>关键字:</th>
            <td>
                <input id="keywords"  style="width:300px;height: 20px"/>
            </td>
        </tr>
        <tr>
            <th>分类:</th>
            <td>
                <input id="fileType"  style="width:300px;height: 25px">
            </td>
        </tr>
    </table>
</fieldset>

function uploadFile() {

            var myform = new FormData();

            myform.append('file', $("#file")[0].files[0]);

            myform.append('fileType',$("#fileType").val());

            myform.append('keywords',$("#keywords").val());

            $.ajax({

                url: sy.managerServerUrl + "file/uploadFileByFrom",//"http://192.168.5.206:8983/solr/update/extract",

                type: "POST",

                data: myform,

                async: false,

                contentType: false,

                processData: false,

                success: function (result) {

                    if (result && result.result) {

                        getFileListPage();

                    } else {

                        $.messager.alert("警告", "文件上传失败!", "warning", function () {

                            var file = document.getElementById('file');

                            file.value = '';

                        });

                    }

                },

                error: function (data) {

                    $.messager.alert("警告", "文件上传失败!", "warning", function () {

                        var file = document.getElementById('file');

                        file.value = '';

                    });

                }

            });

        }

 

后台代码

 

 

/**
 * 单文件上传 指定 from 表單屬性 enctype="multipart/form-data" ,指定from表單中待提交文件name為 file
 * @param file
 * @return
 */
@ResponseBody
@RequestMapping("/uploadFileByFrom")
public MsgResult uploadFileByFrom(@RequestParam("file") MultipartFile file, String keywords, String fileType) {
    logger.info("upload file by form");
    MsgResult result = new MsgResultVO();
    if (!file.isEmpty()) {
        result = fileService.uploadFileByFrom(file);
    } else {
        result.errorResult(MsgConstantUtil.REQUEST_PARAMETER_ERROR);
    }
    return result;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在上传文件的同时 传递参数 (ajax上传文件并传值给后台) 的相关文章

  • 使用 MVC 5 和实体框架的 jQuery 数据表

    我需要一些关于在控制器中放入什么内容的指导 以便我可以对 jQuery 数据表使用服务器端处理 我正在使用 MVC 5 和实体框架 示例位于 http datatablesmvc codeplex com documentation htt
  • JQuery:将 FormData 和 csrf 令牌一起发布

    Is the data 下面的行正确吗 我想将表单数据和 csrf 令牌发布到 Django 视图函数 file upload on change function var currentpath window location pathn
  • Ajax文件上传

    我想使用 Ajax 和 php 上传文件 我有一个表格
  • 发送 POST 请求时 JSON 原语无效

    我有以下 ajax 请求 其中我尝试将 JSON 对象发送到服务器 function sendData subscriptionJson ajax type POST url Url Action SubscribeSecurities S
  • 如何取消 AjaxForm 上的提交

    我正在使用 jQuery 插件 ajax 形式 我尝试实现这样的东西 MyFormID ajaxForm dataType json resetForm true beforeSubmit function validateData ret
  • ASP.net Gridview 分页在 UpdatePanel 中不起作用

    虽然类似的问题已经被问过很多次了 但问题仍然没有解决 这是问题 我有一个GridView它包含在选项卡容器中AJAX控件本身位于UpdatePanel Gridview工作得很好并且其相应的方法被准确地触发 但是当我启用paging 例如
  • 如何通过 ajax 加载页面后显示 Twitter / Facebook / Google+ 按钮?

    我有一个 Rails 3 1 应用程序 我希望允许用户通过 Twitter Google 和 Facebook HTML5 版本的 Like 按钮 共享项目 我让它在项目的显示页面上工作得很好 即 仅显示该项目 但我在通过 Ajax 加载列
  • 用javascript调用外部网页(跨域)

    我正在尝试使用以下网络服务来验证提要这个问题 https stackoverflow com questions 11996430 check if a url is a valid feed 但浏览器不允许我向另一台服务器发送 ajax
  • 动态速度计 javascript 或 jquery 插件

    我希望有动态ajax插件在页面上显示速度计 一个想法是我设置一个背景并旋转针 有人知道相关插件吗 这里有一些供您参考 http bernii github com gauge js http bernii github com gauge
  • 如何处理 ASP.net MVC Ajax 加载页面上的 jQuery 事件?

    我有一个问题 我是 jQuery Mobile 领域的新手 对于 ASP Net MVC 部分我有点迷失 这是我的问题 在我的移动网站中 我想更改导航栏 我使用的更像是应用程序栏 按钮 而我位于编辑页面或主页等 因此 这些页面 编辑 显示
  • 如何在 zend Framework 2 中禁用渲染视图?

    我想使用一些 ajax 但我不知道如何使用与 zend Framework 2 中的 setNoRender 相同的函数来禁用渲染视图 如何在 zend Framework 2 中禁用渲染视图 要禁用您的视图 public function
  • 使用模态表单 ajax 超出 HTMLFormElement.toString 的最大调用堆栈大小

    我想使用模态窗口中的 ajax 请求提交表单 单击此链接可打开该模式 a class btn btn primary i class fa fa edit i Write a review a 模态窗口 div class modal fa
  • 如何在提交表单时调用 jquery 函数?

    我有一个表格如下
  • Facebook“赞”按钮回调帮助

    我正在使用此代码进行类似 facebook 的回调 问题是 如果我调用 php 脚本 例如 有人可以看到我的 javascript 并运行此页面 甚至可以向其发送垃圾邮件或在没有先点赞的情况下使用它 我的想法是 我想为每个喜欢该页面的用户提
  • DataTables 第 2 页的分页未调用放大弹出窗口

    所以我有这个启用分页的数据表 我编码了一种方式 以便用户可以编辑表的行 当用户调用它在放大弹出窗口中打开的编辑页面时 它在第 1 页 从第 2 页起都运行良好 DataTable 及其前面停止调用 Magnific Popup 我只是不明白
  • 在 WordPress 中挂钩 AJAX

    我一直在深入研究 Javascript 和 AJAX 的世界 我非常接近 但由于某种原因 我认为我没有正确地连接到 wordpress ajax 函数 我已经仔细阅读了文档和这个 认为 99 都在那里 这个应用程序的作用是有一个项目列表 每
  • ajaxSetup(beforeSend 不起作用

    登录到远程 API 服务器并获取 access token 后 我尝试为所有后续 ajax 调用设置授权标头 done function result console log GOT AUTHORIZATION amplify store
  • 当 ajax 请求验证失败时,如何使用 Primefaces 突出显示 UIInput?

    验证器类 FacesValidator br gov valec sicpd util CpfValidator public class CpfValidator implements Validator Override public
  • 将对象传递给jquery中的回调函数

    我最近正在开发小型聊天模块 该模块需要不断检查服务器是否有新消息 我正在向服务器发送 ajax 请求 服务器将保持连接 直到找到新消息 长轮询 Code var chatController function other variable
  • Sharepoint、ajax 和页面标题

    我对共享点和 ajax 功能有奇怪的问题 我们在 webpart 中放置了一个 UpdatePanel 当发生部分回发时 页面标题会丢失 我们发现临时的部分解决方案是将标题元素写入一行 并且不使用其中的任何空格或控件 甚至不使用文字控件 但

随机推荐

  • linux系统部署jenkins详细教程

    一 Linux环境 1 下载war包 官网下载地址 https get jenkins io war stable 2 332 4 jenkins war 2 将war包上传至服务器 创建目录 home ubuntu jenkins 上传w
  • AndroidStudio的一些代码恢复功能

    我一个好兄弟 也是一个程序员 一天写代码的时候 他要删除一个apk文件 点击delete的时候 Androidstudio卡了一下 就出问题了 导致他的所有app下面的所有东西全没了 代码 jar包全没了 用过as的都知道 在as中删除文件
  • vulnhub-VULNOS: 2渗透测试靶场

    靶场下载地址VulnOS 2 VulnHub 靶场文件时virtualBox 虚拟机的靶场 vm无法导入 安装vbox之后直接双击靶场文件导入 之后设置网卡为默认桥接模式即可 开机 信息收集 使用nmap 192 168 2 0 24 进行
  • Dockerfile中的CMD和ENTRYPOINT有什么区别?

    本文翻译自 What is the difference between CMD and ENTRYPOINT in a Dockerfile In Dockerfiles there are two commands that look
  • Java正则工具类从地址中提取省市区

    Java正则工具类从地址中提取省市区 最近有个需求 从一串地址中提取出省市区 然后开始寻找解决方案 最终通过网上一些正则 再加上自己改动的 貌似弄成一个比较匹配的工具类 其中代码如下 有需要的可以参考下 其中一些自治区还有直辖市均已兼容 自
  • Linux基础命令

    Linux基础命令 1 ls和cd命令 2 修改文件权限 2 1初识权限 2 2修改权限 3 修改组别 4 查看日志 4 1tail 4 2head 4 3cat 4 4more 4 5less 4 6grep 5 编辑文本 6 创建软链
  • 日志类型汇总

    Slf4j slf4j 的全称是 Simple Loging Facade For Java 即它仅仅是一个为 Java 程序提供日志输出的统一接口 并不是一个具体的日志实现方案 就比如 JDBC 一样 只是一种规则而已 所以单独的 slf
  • python机器学习算法(赵志勇)学习笔记( Logistic Regression,LR模型)

    Logistic Regression 逻辑回归 分类算法是典型的监督学习 分类算法通过对训练样本的学习 得到从样本特征到样本的标签之间的映射关系 也被称为假设函数 之后可利用该假设函数对新数据进行分类 通过训练数据中的正负样本 学习样本特
  • vue遮罩加载动画(可以当作全屏弹窗)

    最终效果 加载动画部分 div span span span span span span span span span span div
  • 免费馅饼【暑期集训I题】【经典DP】

    这不是一道很废脑汁的题目 可以说和前面的数塔相同 只是题目讲的长了些而已 都说天上不会掉馅饼 但有一天gameboy正走在回家的小径上 忽然天上掉下大把大把的馅饼 说来gameboy的人品实在是太好了 这馅饼别处都不掉 就掉落在他身旁的10
  • android 卡片滑动详情页,在Mugeda中制作顺畅的左右滑动切换卡片效果的教程

    之前在做 刁角武汉 的时候对如何选择景点这个问题做了好几个方案 一个是画一张大地图 另一个是做垂直的列表选择 但我还是选择了左右滑动来切换景点 因为在多次尝试之后发现发现在手机屏上似乎不适合做可以上下左右滑动的大地图 而垂直列表在 Muge
  • QThread 事件循环

    对QThread的run函数描述如下 The run implementation is for a thread what the main entry point is for the application All code exec
  • matlab练习程序(最大中值滤波)

    clear clc width 3 xwidth width 1 2 imgn imread 1 bmp imshow imgn imgn double imgn m n size imgn imgn1 imgn z zeros 4 wid
  • java面经整理

    面试问题 一 Java基础 1 jdk1 7到jdk1 8HashMap发生了什么变化 底层 2 jdk1 7到jdk1 8虚拟机发生了什么变化 3 String StringBuilder StringBuffer 4 ArrayList
  • 为什么SELECT * 会导致查询效率低?

    无论在工作还是面试中 关于SQL中不要用 SELECT 都是大家听烂了的问题 虽说听烂了 但普遍理解还是在很浅的层面 并没有多少人去追根究底 探究其原理 废话不多说 本文带你深入了解一下 SELECT 效率低的原因及场景 一 效率低的原因
  • 用Python和selenium下载pdf文件

    今天要从国外的网站上下载一个学术会议的几百篇pdf文献 具体网址为https www onepetro org conferences SPE 17ADIP all start 0 rows 700 这个网站需要登录后手动一篇一篇的下载 非
  • 使用ssh直连docker容器的方法 :解决Connection refused报错

    以root權限進入到docker后重啓ssh服務即可重啓ssh服務 docker exec it u root 容器号 bin bash 重啓ssh服務 service ssh restart
  • Apache Flink SQL 详解与实践

    问题导读1 为何会有Flink SQL 2 本文哪些地方涉及Flink 1 7 4 如何定义源 sources 和接收器 sinks 5 Flink SQL本文介绍了哪些sql 6 将数据格式化为正确的格式以便进一步处理 7 如何监控Fli
  • Qt 多线程基础及线程使用方式

    文章目录 Qt 多线程操作 2 线程类QThread 3 多线程使用 方式一 4 多线程使用 方式二 5 Qt 线程池的使用 Qt 多线程操作 应用程序在某些情况下需要处理比较复杂的逻辑 如果只有一个线程去处理 就会导致窗口卡顿 无法处理用
  • 在上传文件的同时 传递参数 (ajax上传文件并传值给后台)

    之前用的ajax方法上传文件 结果这边需要对上传文件进行分类和关键字处理 话不多说直接上代码了 前端html以及js部分 fieldset legend 文件信息 legend table class table style width 1