怎么在form里分别上传多个文件,如图

怎么在form里分别上传多个文件,如图,第1张

可以用iframe上传,orm表单的method、 enctype属性必须和下面代码一样。然后将target的值设为iframe的name,这样就可以实现无刷新上传文件。

<form action="uploadfile.php" enctype="multipart/form-data" method="post" target="iframeUpload">

<iframe name="iframeUpload" src="" width="350" height="35" frameborder=0 SCROLLING="no" style="display:NONE"></iframe>

<input id="test_file" name="test_file" type="file">

<input value="上传文件" type="submit">

</form>

html代码

<!doctype html>

<html lang="zh">

<head>

<meta charset="utf-8">

<title>多文件上传</title>

<script src="jquery.js"></script>

<script>

$(function(){

$("#btn").click(function(){

var formData = new FormData()

for(var i=0i<$('#file')[0].files.lengthi++){

formData.append('file[]', $('#file')[0].files[i])

}

$.ajax({

url: "test.php",

type: "POST",

processData: false,

contentType: false,

data: formData,

success: function(d){

}

})

})

})

</script>

</head>

<body>

<form>

<input type="file" multiple id="file" name="file[]" >

<input type="button" id="btn" value="提交"/>

</form>

</body>

test.PHP代码:

<?php

var_dump($_FILES)die()

一,文件上传三要素:

1.表单提交方式:post (get方式提交有大小限制,post没有)

2.表单的enctype属性:必须设置为multipart/form-data.

根据HTTP协议的规定,浏览器每次向后台提交参数,都会对参数进行统一的编码,默认采用的编码格式是urlencoded,这种编码格式只能对文本数据进行编码,浏览器每次向后台提交参数,都会先把所有参数转化成字符串,然后对这些数据统一进行urlencode编码,

3.表单必须有文件上传项:file


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/8121693.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-13
下一篇 2023-04-13

发表评论

登录后才能评论

评论列表(0条)

保存