JQ中的FormData对象 ajax上传文件

2024-06-19 21:18
文章标签 对象 formdata 上传 ajax jq

本文主要是介绍JQ中的FormData对象 ajax上传文件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

HTML代码:

<form enctype="multipart/form-data" method="POST" name="searchform" id="searchform">

             <table width="0%" border="0" cellspacing="0" cellpadding="0" class="bk_add_box">

               <tr>

<td width="140" align="right"><b>选择文件:</b></td>

<td align="left">

<input name="member_info" type="file" id="member_info" size="48" style="float:left;width:150px;">

<span class="tips" >注:请上传*.XLS文件~!</span>

</td>

</tr>

               <tr>

                <td width="140" align="right"></td>

                 <td align="left">

                     <a href="javascript:;" class="enter_btn"  οnclick="$('#searchform').submit();">导入会员信息</a>

                 </td>

               </tr>

             </table>

</form>

########################################################################################################################################

JQ代码:

<script type="text/javascript">

 

$(function(){

    $('#searchform').submit(function(){

        var data = new FormData($('#searchform')[0]);

        // return console.log(data);

        $.ajax({

            type: 'POST',

            url: '/member_manage/?act=import_member_info_ajax',

            data: data,

            dataType: 'JSON',

            cache: false,

            processData: false,

            contentType: false,

            success: function(json) {

                if(json.error == 0) {

                    __alert(json.data, false, function() {

                     window.location.reload();

                    });

                }else {

                    return _alert(json.data);

                }

            }

        });  

        return false;   

    });

});

 

</script>

########################################################################################################################################

获取上传文件类型名

            $filetype = strrchr($_FILES["input_name"]["name"], ".");         //截取点之后的字符串  包括点

            $filetype = substr($filetype, 1, strlen($filetype));                       //把 点去除

            $filetype = strtolower($filetype);//截取文件类型名                   //所有字符串都转换成小写

 

########################################################################################################################################

这篇关于JQ中的FormData对象 ajax上传文件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1076167

相关文章

在java中如何将inputStream对象转换为File对象(不生成本地文件)

《在java中如何将inputStream对象转换为File对象(不生成本地文件)》:本文主要介绍在java中如何将inputStream对象转换为File对象(不生成本地文件),具有很好的参考价... 目录需求说明问题解决总结需求说明在后端中通过POI生成Excel文件流,将输出流(outputStre

Java实现数据库图片上传与存储功能

《Java实现数据库图片上传与存储功能》在现代的Web开发中,上传图片并将其存储在数据库中是常见的需求之一,本文将介绍如何通过Java实现图片上传,存储到数据库的完整过程,希望对大家有所帮助... 目录1. 项目结构2. 数据库表设计3. 实现图片上传功能3.1 文件上传控制器3.2 图片上传服务4. 实现

C#原型模式之如何通过克隆对象来优化创建过程

《C#原型模式之如何通过克隆对象来优化创建过程》原型模式是一种创建型设计模式,通过克隆现有对象来创建新对象,避免重复的创建成本和复杂的初始化过程,它适用于对象创建过程复杂、需要大量相似对象或避免重复初... 目录什么是原型模式?原型模式的工作原理C#中如何实现原型模式?1. 定义原型接口2. 实现原型接口3

使用mvn deploy命令上传jar包的实现

《使用mvndeploy命令上传jar包的实现》本文介绍了使用mvndeploy:deploy-file命令将本地仓库中的JAR包重新发布到Maven私服,文中通过示例代码介绍的非常详细,对大家的学... 目录一、背景二、环境三、配置nexus上传账号四、执行deploy命令上传包1. 首先需要把本地仓中要

Java实现数据库图片上传功能详解

《Java实现数据库图片上传功能详解》这篇文章主要为大家详细介绍了如何使用Java实现数据库图片上传功能,包含从数据库拿图片传递前端渲染,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、前言2、数据库搭建&nbsChina编程p; 3、后端实现将图片存储进数据库4、后端实现从数据库取出图片给前端5、前端拿到

Java实现将byte[]转换为File对象

《Java实现将byte[]转换为File对象》这篇文章将通过一个简单的例子为大家演示Java如何实现byte[]转换为File对象,并将其上传到外部服务器,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言1. 问题背景2. 环境准备3. 实现步骤3.1 从 URL 获取图片字节数据3.2 将字节数组

Javascript访问Promise对象返回值的操作方法

《Javascript访问Promise对象返回值的操作方法》这篇文章介绍了如何在JavaScript中使用Promise对象来处理异步操作,通过使用fetch()方法和Promise对象,我们可以从... 目录在Javascript中,什么是Promise1- then() 链式操作2- 在之后的代码中使

MyBatis的配置对象Configuration作用及说明

《MyBatis的配置对象Configuration作用及说明》MyBatis的Configuration对象是MyBatis的核心配置对象,它包含了MyBatis运行时所需的几乎所有配置信息,这个对... 目录MyBATis配置对象Configuration作用Configuration 对象的主要作用C

SpringBoot实现导出复杂对象到Excel文件

《SpringBoot实现导出复杂对象到Excel文件》这篇文章主要为大家详细介绍了如何使用Hutool和EasyExcel两种方式来实现在SpringBoot项目中导出复杂对象到Excel文件,需要... 在Spring Boot项目中导出复杂对象到Excel文件,可以利用Hutool或EasyExcel

Springboot控制反转与Bean对象的方法

《Springboot控制反转与Bean对象的方法》文章介绍了SpringBoot中的控制反转(IoC)概念,描述了IoC容器如何管理Bean的生命周期和依赖关系,它详细讲解了Bean的注册过程,包括... 目录1 控制反转1.1 什么是控制反转1.2 SpringBoot中的控制反转2 Ioc容器对Bea