表单文件、文本上传

function submitForm(){

var articleTitle=$("#articleTitle").val();//type=‘text‘的input表单
    var textfield = $("#textfield").val();//type=‘text‘的input表单
     $.ajaxFileUpload({  
            url : "insertArticle",   //要提交的action
            secureuri : false,  //一般为false
            fileElementId : ‘articlePic‘,  //type=‘file‘的input表单
            data:{articleTitle:articleTitle, textfield:textfield},//上面两个非file表单的提交方式
            dataType : ‘text‘, //or json
            success : function(data, status) {  //这个返回的data带有html标签,直接用来做判断得不到想要的结果,可以自己alert一下看下结果。用status来判断可以
                if(status == ‘success‘){
                    alert("上传成功");
                    $("#articleTitle").val(‘‘);
                    $("#textfield").val(‘‘);
                    $("#articlePic").val(‘‘);
                }else{
                     alert("上传失败");
                }
            }
        });  
}

=====================================================

java代码

UploadFile files = getFile("articlePic");//import com.jfinal.upload.UploadFile;      articlePic就是提交的表单name
        File file= files.getFile();
    byte[] buffer =new byte[1024];
        try {
            FileInputStream inputFile = new FileInputStream(file);
              buffer = new byte[(int) file.length()];
              inputFile.read(buffer);//将文件读取到buffer中
              inputFile.close();
        } catch (FileNotFoundException e) {
       e.printStackTrace();
        } catch (IOException e) {
      e.printStackTrace();
        }

时间: 2024-10-10 07:21:25

表单文件、文本上传的相关文章

$_FILE参数详解及简单<form>表单无刷新上传文件

$_FILES:经由 HTTP POST 文件上传而提交至脚本的变量,类似于旧数组$HTTP_POST_FILES 数组(依然有效,但反对使用)详细信息可参阅 POST方法上传 $_FILES数组内容如下: $_FILES['myFile']['name'] 客户端文件的原名称 $_FILES['myFile']['type']   文件的 MIME类型,需要浏览器提供该信息的支持,例如"image/gif" $_FILES['myFile']['size']    已上传文件的大小,

Django框架 之 Form表单和Ajax上传文件

浏览目录 Form表单上传文件 Ajax上传文件 伪造Ajax上传文件 Form表单上传文件 html <h3>form表单上传文件</h3> <form action="/upload_file/" method="post" enctype="multipart/form-data"> <p><input type="file" name="upload_fi

表单数据处理及上传

所有要传递到后台的input内容,除submit外都要加name属性,而且需要与后台对应 GET 和POST区别: get以明文在链接中显示,传递速度快,只能传输文本,数据大小有限 post通过协议传输,能传输更多数据,可以传输文件 用$_GET,$_POST或$_REQUEST获取表单提交数据: 表单变量传输多个值,需要对表单元素的name属性增加一对中括号,如: <input type="checkbox"name="love[]"/> 文件上传的相

form表单无刷新上传文件

很多时候,我们上传完文件之后,不想当前页面跳转,或者是刷新一下.那么我们需要怎么做呢? 首先,我们用的是最简单的form表单上传,提交方式.代码如下 <!--大家注意到这个form的target的了么?这个target属性的值frameFile,是form之后的 iframe的name值,这样的写法是让当前的form表单在提交表单内容的时候转交给iframe中进行页面 中表单处理,并且不会产生当前页面跳转!--> <form id="uploadForm" class

form表单和ajax上传文件

使用form表单上传文件 知识点/注意点 from表单里 要加上这行 enctype="multipart/form-data" 上传文件 上传的是二进制数据 用request.FILES 拿到的也是一个字典 前端代码 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl

form表单提交,上传文件以及提交前验证的问题。

form表单是在开发中比较基础也比较常见的问题了,今天就给大家分享一下有关form表单提交的一些小问题. 首先我们来看一下基本的form结构.这里面我直接引用的bootstrap的form表单的框架. <form class="form-horizontal" id="form1" name="myForm" action="/cgjxx/fwjl_delete_servlet" method="post&qu

java模拟post方式提交表单实现图片上传【转】

转自:http://blog.csdn.net/5iasp/article/details/8669644 模拟表单html如下: <form action="up_result.jsp" method="post" enctype="multipart/form-data" name="form1" id="form1"> <label> <input type="

表单-图片浏览上传-单选框(二)

一.图片浏览上传 1.依然[table]标签包含, 2.[input]包含了[type]等于[file]. <table border="1" align="center"> <tr> <td>图片上传</td> <td><input type="file"</td> </tr> <tr> </table>  二.单选框——点击文字不

HTML表单制作,上传到服务器

表单: info.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <div align="center"> <form action="result.php" method

php 文件和表单内容一起上传

<?php $filename = $_POST['filename']; $explain = $_POST['explain']; $upfile = $_FILES['upfile']; if(is_uploaded_file($upfile['tmp_name']) && $upfile['size']>0){ $filepath = './'.$upfile['name']; move_uploaded_file($upfile['tmp_name'],$filepa