本文目录一览：
- 1、怎么用表单的方式上传文件 html-Android开发问答
- 2、ajax怎么提交带文件上传表单
- 3、在电脑上怎么制作表格，求步骤
- 4、thinkphp3.2.3 怎么上传form表单
- 5、Vue 表单提交 -- 文件上传
- 6、form表单提交上传图片
怎么用表单的方式上传文件 html-Android开发问答
您好，很高兴为您解答：
不需要你做，只需要你网页上做了上传控件就行，例如后台上你做一个fileupload的上传控件，然后上传的表单提交以及对应的代码你在后台写好。
然后发布出来，用手机浏览器去访问这个网页，用上传控件点击上传即可。
如果我的回答没能帮助您，请继续追问。
ajax怎么提交带文件上传表单
首先要说的就是 ajax 是无法实现上传文件的，可以想一下ajax与后台通信都是通过传递字符串，怎么能传递文件呢？其实出于安全考虑js是不能操作文件的，所以就不要再说用ajax来实现文件的上传了，这是不可能的。-文件上传的表单怎么做
而本文实现的文件上传也是无页面刷新的，可以说是一种"类似AJAX"方法。
开始之前先说两句无关的，其实在ajax出现之前，web应用也可以是无刷新的，那时大多通过IFrame来做到这一点。当然Ajax出现之后，人们一窝蜂地投奔Ajax 的阵营了，iFrame 就乏人问津了。但是用iFrame来实现无刷新上传文件确实一个很好的选择。ps：Ajax技术基本上可以说是由google公司带起来的，但少Gmail中上传文件用的还是 IFrame，所以说使用IFrame来上传文件是最好的选择。-文件上传的表单怎么做
我在这里这里用的技术是jsp，其实asp，php等也是一样可以这么实现的
一共两个文件就可实现：index.html 和 upload.jsp，在这里讲解一下，文后会附上源码
--index.html
html 代码
＜html＞
＜body＞
＜form action="upload.jsp" id="form1" name="form1" encType="multipart/form-data" method="post" target="hidden_frame" ＞ -文件上传的表单怎么做
＜input type="file" id="file" name="file" style="width:450"＞
＜INPUT type="submit" value="上传文件"＞＜span id="msg"＞＜/span＞
＜br＞
＜font color="red"＞支持JPG,JPEG,GIF,BMP,SWF,RMVB,RM,AVI文件的上传＜/font＞
＜iframe name='hidden_frame' id="hidden_frame" style='display:none'＞＜/iframe＞
＜/form＞
＜/body＞
＜/html＞
＜script type="text/javascript"＞
function callback(msg)
{
document.getElementById("file").outerHTML = document.getElementById("file").outerHTML;
document.getElementById("msg").innerHTML = "＜font color=red＞"+msg+"＜/font＞";
}
＜/script＞
index.html 中主要要做的就是写一个 form 和 iframe ，并把 form 的 target 设为 iframe 的名字，注意要把 iframe 设为不可见，其他的都是正常的文件上传的写法，这样刷新的页面就是这个隐藏的 Iframe ，而在 index.html 中是不会有页面刷新的，js的 callback 方法是回调方法。用于清空文件上传框和显示后台信息，注意清空文件上传框的方法，和普通方法有点不一样。-文件上传的表单怎么做
--upload.jsp
!----!----
jsp 代码
＜%@ page language="java" contentType="text/html; charset=gb2312" %＞
＜%@ page import="com.jspsmart.upload.SmartUpload"%＞
＜%
//新建一个SmartUpload对象
SmartUpload su = new SmartUpload();
//上传初始化
su.initialize(pageContext);
// 设定上传限制
//1.限制每个上传文件的最大长度。
su.setMaxFileSize(10000000);
//2.限制总上传数据的长度。
su.setTotalMaxFileSize(20000000);
//3.设定允许上传的文件（通过扩展名限制）,仅允许doc,txt文件。
su.setAllowedFilesList("doc,txt,jpg,rar,mid,waw,mp3,gif");
boolean sign = true;
//4.设定禁止上传的文件（通过扩展名限制）,禁止上传带有exe,bat,jsp,htm,html扩展名的文件和没有扩展名的文件。
try {
su.setDeniedFilesList("exe,bat,jsp,htm,html");
//上传文件
su.upload();
//将上传文件保存到指定目录
su.save("c:\\");
} catch (Exception e) {
e.printStackTrace();
sign = false;
}
if(sign==true)
{
out.println("＜script＞parent.callback('upload file success')＜/script＞");
}else
{
out.println("＜script＞parent.callback('upload file error')＜/script＞");
}
%＞
upload.jsp 中只要注意最后输出的格式就可以了。其实原理就是输出一段js代码到 iframe 中，然后在iframe中来控制它的父页面。
OK，至此一个无刷新的页面上传组件就做好了，不要忘了在 WEB-INF/lib 下加上必须的 jspSmartUpload.jar 包。
需要说明的是使用Iframe来上传，状态栏还是会有刷新的，因为iframe 中的页面刷新了嘛，但是外部页面，就是你所看到的页面是没有刷新的，所以也可以说是类似Ajax上传。
在电脑上怎么制作表格，求步骤
1、首先，创建一个新文档。单击鼠标右键，将出现一个对话框。单击“［新建”后，将出现另一个对话框，并单击“［文档”，因为我正在使用WPS。如果我正在使用word，请单击［word文档］。
2、创建新文档后，双击鼠标进入，单击左上角的插入，然后单击表单和插入表单进入下一步。
3、单击“插入表”后，将弹出一个对话框，输入所需的列数和行数，然后单击“确定”继续下一步。
4、这时，我们已经有一张表格了。如果我们想增加行数，请单击［］标志添加一行。
5、右上角有一个［表单工具］标志。点击后，一系列表单工具将出现在下一行，包括橡皮擦擦除、删除等。，使用起来非常方便。
thinkphp3.2.3 怎么上传form表单
上传表单
在ThinkPHP中使用上传功能无需进行特别处理。例如，下面是一个带有附件上传的表单提交：
form action="__URL__/upload" enctype="multipart/form-data" method="post"
input type="text" name="name" /
input type="file" name="photo" /
input type="submit" value="提交"
/form
注意，要使用上传功能 你的表单需要设置 enctype="multipart/form-data"
多文件上传支持
如果需要使用多个文件上传，只需要修改表单，把
input type='file' name='photo'
改为
input type='file' name='photo1'
input type='file' name='photo2'
input type='file' name='photo3'
或者
input type='file' name='photo[]'
input type='file' name='photo[]'
input type='file' name='photo[]'
两种方式的多附件上传系统的文件上传类都可以自动识别。
上传操作
ThinkPHP文件上传操作使用Think\Upload类，假设前面的表单提交到当前控制器的upload方法，我们来看下upload方法的实现代码：
public function upload(){
$upload = new \Think\Upload();// 实例化上传类
$upload-maxSize = 3145728 ;// 设置附件上传大小
$upload-exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload-rootPath = './Uploads/'; // 设置附件上传根目录
$upload-savePath = ''; // 设置附件上传（子）目录
// 上传文件
$info = $upload-upload();
if(!$info) {// 上传错误提示错误信息
$this-error($upload-getError());
}else{// 上传成功
$this-success('上传成功！');
}
}
上传类对图片文件的上传安全做了支持，如果企图上传非法的图像文件，系统会提示 非法图像文件。 为了更好的使用上传功能，建议你的服务器开启finfo模块支持
上传参数
在上传操作之前，我们可以对上传的属性进行一些设置，Upload类支持的属性设置包括：
属性描述
maxSize文件上传的最大文件大小（以字节为单位），0为不限大小
rootPath文件上传保存的根路径
savePath文件上传的保存路径（相对于根路径）
saveName上传文件的保存规则，支持数组和字符串方式定义
saveExt上传文件的保存后缀，不设置的话使用原文件后缀
replace存在同名文件是否是覆盖，默认为false
exts允许上传的文件后缀（留空为不限制），使用数组或者逗号分隔的字符串设置，默认为空
mimes允许上传的文件类型（留空为不限制），使用数组或者逗号分隔的字符串设置，默认为空
autoSub自动使用子目录保存上传文件 默认为true
subName子目录创建方式，采用数组或者字符串方式定义
hash是否生成文件的hash编码 默认为true
callback检测文件是否存在回调，如果存在返回文件信息数组
上面的属性可以通过两种方式传入：
实例化传入
我们可以在实例化的时候直接传入参数数组，例如：
$config = array(
'maxSize' = 3145728,
'rootPath' = './Uploads/',
'savePath' = '',
'saveName' = array('uniqid',''),
'exts' = array('jpg', 'gif', 'png', 'jpeg'),
'autoSub' = true,
'subName' = array('date','Ymd'),
);
$upload = new \Think\Upload($config);// 实例化上传类
关于saveName和subName的使用后面我们会有详细的描述。
动态赋值
支持在实例化后动态赋值上传参数，例如：
$upload = new \Think\Upload();// 实例化上传类
$upload-maxSize = 3145728;
$upload-rootPath = './Uploads/';
$upload-savePath = '';
$upload-saveName = array('uniqid','');
$upload-exts = array('jpg', 'gif', 'png', 'jpeg');
$upload-autoSub = true;
$upload-subName = array('date','Ymd');
上面的设置和实例化传入的效果是一致的。
上传文件信息
设置好上传的参数后，就可以调用Think\Upload类的upload方法进行附件上传，如果失败，返回false，并且用getError方法获取错误提示信息；如果上传成功，就返回成功上传的文件信息数组。-文件上传的表单怎么做
$upload = new \Think\Upload();// 实例化上传类
$upload-maxSize = 3145728 ;// 设置附件上传大小
$upload-exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload-rootPath = './Uploads/'; // 设置附件上传根目录
$upload-savePath = ''; // 设置附件上传（子）目录
// 上传文件
$info = $upload-upload();
if(!$info) {// 上传错误提示错误信息
$this-error($upload-getError());
}else{// 上传成功 获取上传文件信息
foreach($info as $file){
echo $file['savepath'].$file['savename'];
}
}
每个文件信息又是一个记录了下面信息的数组，包括：
属性描述
key附件上传的表单名称
savepath上传文件的保存路径
name上传文件的原始名称
savename上传文件的保存名称
size上传文件的大小
type上传文件的MIME类型
ext上传文件的后缀类型
md5上传文件的md5哈希验证字符串 仅当hash设置开启后有效
sha1上传文件的sha1哈希验证字符串 仅当hash设置开启后有效
文件上传成功后，就可以使用这些文件信息来进行其他的数据操作，例如保存到当前数据表或者单独的附件数据表。
例如，下面表示把上传信息保存到数据表的字段：
$model = M('Photo');
// 取得成功上传的文件信息
$info = $upload-upload();
// 保存当前数据对象
$data['photo'] = $info[0]['savename'];
$data['create_time'] = NOW_TIME;
$model-add($data);
单文件上传
upload方法支持多文件上传，有时候，我们只需要上传一个文件，就可以使用Upload类提供的uploadOne方法上传单个文件，例如：
public function upload(){
$upload = new \Think\Upload();// 实例化上传类
$upload-maxSize = 3145728 ;// 设置附件上传大小
$upload-exts = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
$upload-rootPath = './Uploads/'; // 设置附件上传根目录
// 上传单个文件
$info = $upload-uploadOne($_FILES['photo1']);
if(!$info) {// 上传错误提示错误信息
$this-error($upload-getError());
}else{// 上传成功 获取上传文件信息
echo $info['savepath'].$info['savename'];
}
}
uploadOne方法上传成功后返回的文件信息和upload方法的区别是只有单个文件信息的一维数组。
上传文件的命名规则
上传文件的命名规则（saveName）用于确保文件不会产生冲突或者覆盖的情况。命名规则的定义可以根据你的业务逻辑来调整，不是固定的。例如，如果你采用时间戳的方式来定义命名规范，那么在同时上传多个文件的时候可能产生冲突（因为同一秒内可以上传多个文件），因此你需要根据你的业务需求来设置合适的上传命名规则。这里顺便来说下saveName参数的具体用法。-文件上传的表单怎么做
一、采用函数方式
如果传入的字符串是一个函数名，那么表示采用函数动态生成上传文件名（不包括文件后缀），例如：
// 采用时间戳命名
$upload-saveName = 'time';
// 采用GUID序列命名
$upload-saveName = 'com_create_guid';
也可以采用用户自定义函数
// 采用自定义函数命名
$upload-saveName = 'myfun';
默认的命名规则设置是采用uniqid函数生成一个唯一的字符串序列。
saveName的值支持数组和字符串两种方式，如果是只有一个参数或者没有参数的函数，直接使用字符串设置即可，如果需要传入额外的参数，可以使用数组方式，例如：
// 采用date函数生成命名规则 传入Y-m-d参数
$upload-saveName = array('date','Y-m-d');
// 如果有多个参数需要传入的话 可以使用数组
$upload-saveName = array('myFun',array('__FILE__','val1','val2'));
如果需要使用上传的原始文件名，可以采用__FILE__传入，所以上面的定义规则，最终的结果是 myFun('上传文件名','val1','val2')执行的结果。
二、直接设置上传文件名
如果传入的参数不是一个函数名，那么就会直接当做是上传文件名，例如：
$upload-saveName = time().'_'.mt_rand();
表示上传的文件命名采用时间戳加一个随机数的组合字符串方式。
当然，如果觉得有必要，你还可以固定设置一个上传文件的命名规则，用于固定保存某个上传文件。
$upload-saveName = 'ThinkPHP';
三、保持上传文件名不变
如果你想保持上传的文件名不变，那么只需要设置命名规范为空即可，例如：
$upload-saveName = '';
一般来说不建议保持不变，因为会导致相同的文件名上传后被覆盖的情况。
子目录保存
saveName只是用于设置文件的保存规则，不涉及到目录，如果希望对上传的文件分子目录保存，可以设置autoSub和subName参数来完成，例如：
// 开启子目录保存 并以日期（格式为Ymd）为子目录
$upload-autoSub = true;
$upload-subName = array('date','Ymd');
可以使用自定义函数来保存，例如：
// 开启子目录保存 并调用自定义函数get_user_id生成子目录
$upload-autoSub = true;
$upload-subName = 'get_user_id';
和saveName参数一样，subName的定义可以采用数组和字符串的方式。
注意：如果get_user_id函数未定义的话，会直接以get_user_id字符串作为子目录的名称保存。
子目录保存和文件命名规则可以结合使用。
上传驱动
上传类可以支持不同的环境，通过相应的上传驱动来解决，默认情况下使用本地（Local）上传驱动，当然，你还可以设置当前默认的上传驱动类型，例如：
'FILE_UPLOAD_TYPE' = 'Ftp',
'UPLOAD_TYPE_CONFIG' = array(
'host' = '192.168.1.200', //服务器
'port' = 21, //端口
'timeout' = 90, //超时时间
'username' = 'ftp_user', //用户名
'password' = 'ftp_pwd', //密码 ),
表示当前使用Ftp作为上传类的驱动，上传的文件会通过FTP传到指定的远程服务器。
也可以在实例化上传类的时候指定，例如：
$config = array(
'maxSize' = 3145728,
'rootPath' = './Uploads/',
'savePath' = '',
'saveName' = array('uniqid',''),
'exts' = array('jpg', 'gif', 'png', 'jpeg'),
'autoSub' = true,
'subName' = array('date','Ymd'),
);
$ftpConfig = array(
'host' = '192.168.1.200', //服务器
'port' = 21, //端口
'timeout' = 90, //超时时间
'username' = 'ftp_user', //用户名
'password' = 'ftp_pwd', //密码 );
$upload = new \Think\Upload($config,'Ftp',$ftpConfig);// 实例化上传类
目前已经支持的上传驱动包括Local、Ftp、Sae、Bcs、七牛和又拍云等。
Vue 表单提交 -- 文件上传
1.必须是post请求，需要设置headers: {'Content-Type':'multipart/form-data'},在这个前提下才能文件上传。
2.你的文件上传 input type="file" @change="getFile($event)"/
外层要有 form enctype="multipart/form-data" name="fileinfo" id="myForm"/form
3. input type="file" @change="getFile($event)"/ 的change方法很重要，要记得加上，是用来获取选择的文件的信息数据。
4.参数传递要这么处理：把接口的所有参数通过这个方式加到params里。这样在控制台看到的参数格式才是对的，如下图。
这里遇到一个坑，就是不这么处理，而是简单的formData = params这么传递，auth_user_file看到是｛｝，虽然选择文件时在控制台能看到信息，但是作为接口参数传递时就为{};
5.因为我们这个项目的文件上传项不是必填，也可以选择手动输入，如果没有选择文件，建议这么处理。
-- headers: { 'Content-Type': 'application/x-www-form-urlencoded'}
-- params = Qs.stringify(params);//处理参数参数作为对象传递就可以了，但是要用vue的qs进行处理。参数格式在控制台看到是这样的
关于文件上传实现的源码贴在下面，供参考
PermissionSettings.vue
servers.js
$.ajax文件上传：
报错
增加参数：processData设置为false。因为data值是FormData对象，不需要对数据做处理。
form表单提交上传图片
上传图片我首先想到的是利用这个插件，webupload LUploade这类插件大多支持图片预览，断点/分片上传，功能比较丰富，但是由于后台原因我需要利用form表单进行上传图片，所以就整理了一下关于图片上传的几种方式：-文件上传的表单怎么做
1.form表单上传图片
表单上传遇到了一下几个问题：
（1）进行表单提交时，无法获取返回值
（2）表单提交会进行页面刷新
为了解决这个问题，我想到了利用iframe进行解决，在form元素上直接添加target属性，使提交跳转页面直接跳转到iframe中，阻止页面进行跳转，返回结果也会呈现在 iframe框架之中，我们可以去除iframe中的返回值，前提是必须在同一个域名下。这样我们获取返回值就会拥有局限性。还好我反降了另外一种方法，jquery中jqueryj.form.js表单提交插件。我们可以直接这样来获取表单返回值。-文件上传的表单怎么做
form表单提交注意事项：
(1).提供form表单，method必须是post。
(2).form表单的enctype必须是multipart/form-data。
javascript学习交流群：4538335s's's's'sssssssssssssss54
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码。HTML表单如何打包数据文件是由enctype这个属性决定的。enctype有以下几种取值：-文件上传的表单怎么做
application/x-www-form-urlencoded：在发送前编码所有字符(默认)(空格被编码为’+’，特殊字符被编码为ASCII十六进制字符)。
multipart/form-data：不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
text/plain：空格转换为 “+” 加号，但不对特殊字符编码。
默认enctype=application/x-www-form-urlencoded，所以表单的内容会按URL规则编码，然后根据表单的提交方法：
method=’get’ 编码后的表单内容附加在请求连接后，
method=’post’ 编码后的表单内容作为post请求的正文内容。
(3).提供input type="file"上传输入域。
2.ajax无刷新上传
ajax和FormData可实现页面无刷新的文件上传效果，主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的
FormData接口。通过FormData对象可以更灵活方便的发送表单数据，因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ，则通过FormData传输的数据格式和表单通过submit()方法传输的数据格式相同。-文件上传的表单怎么做
ajax无刷新上传
Ajax无刷新上传的方式，本质上与表单上传无异，只是把表单里的内容提出来采用ajax提交，并且由前端决定请求结果回传后的展示结果。
3.各类插件的使用：
webupload LUPloader
