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

相关文章

Spring MVC 图片上传

引入需要的包 <dependency><groupId>commons-logging</groupId><artifactId>commons-logging</artifactId><version>1.1</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-

easyui同时验证账户格式和ajax是否存在

accountName: {validator: function (value, param) {if (!/^[a-zA-Z][a-zA-Z0-9_]{3,15}$/i.test(value)) {$.fn.validatebox.defaults.rules.accountName.message = '账户名称不合法(字母开头,允许4-16字节,允许字母数字下划线)';return fal

Java第二阶段---09类和对象---第三节 构造方法

第三节 构造方法 1.概念 构造方法是一种特殊的方法,主要用于创建对象以及完成对象的属性初始化操作。构造方法不能被对象调用。 2.语法 //[]中内容可有可无 访问修饰符 类名([参数列表]){ } 3.示例 public class Car {     //车特征(属性)     public String name;//车名   可以直接拿来用 说明它有初始值     pu

HTML5自定义属性对象Dataset

原文转自HTML5自定义属性对象Dataset简介 一、html5 自定义属性介绍 之前翻译的“你必须知道的28个HTML5特征、窍门和技术”一文中对于HTML5中自定义合法属性data-已经做过些介绍,就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们要在一个文字按钮上存放相对应的id: <a href="javascript:" d

javascript实现ajax

什么是 ajax ajax 即“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML),也就是无刷新数据读取。 http 请求 首先需要了解 http 请求的方法(GET 和 POST)。 GET 用于获取数据。GET 是在 URL 中传递数据,它的安全性低,容量低。 POST 用于上传数据。POST 安全性一般,容量几乎无限。 aj

PHP7扩展开发之对象方式使用lib库

前言 上一篇文章,我们使用的是函数方式调用lib库。这篇文章我们将使用对象的方式调用lib库。调用代码如下: <?php $hello = new hello(); $result = $hello->get(); var_dump($result); ?> 我们将在扩展中实现hello类。hello类中将依赖lib库。 代码 基础代码 这个扩展,我们将在say扩展上增加相关代码。sa

在SSH的基础上使用jquery.uploadify.js上传文件

在SSH框架的基础上,使用jquery.uploadify.js实现文件的上传,之前搞了好几天,都上传不了, 在Action那边File接收到的总是为null, 为了这个还上网搜了好多相关的信息,但都不行,最后还是搜到一篇文章帮助到我了,希望能帮助到为之困扰的人。 jsp页面的关键代码: <link rel="stylesheet" type="text/css" href="${page

hibernate修改数据库已有的对象【简化操作】

陈科肇 直接上代码: /*** 更新新的数据并并未修改旧的数据* @param oldEntity 数据库存在的实体* @param newEntity 更改后的实体* @throws IllegalAccessException * @throws IllegalArgumentException */public void updateNew(T oldEntity,T newEntity

类和对象的定义和调用演示(C++)

我习惯把类的定义放在头文件中 Student.h #define _CRT_SECURE_NO_WARNINGS#include <string>using namespace std;class student{public:char m_name[25];int m_age;int m_score;char* get_name(){return m_name;}int set_name

react笔记 8-19 事件对象、获取dom元素、双向绑定

1、事件对象event 通过事件的event对象获取它的dom元素 run=(event)=>{event.target.style="background:yellowgreen" //event的父级为他本身event.target.getAttribute("aid") //这样便获取到了它的自定义属性aid}render() {return (<div><h2>{