当前位置:首页 » 文件管理 » js上传文件

js上传文件

发布时间: 2022-01-17 01:08:39

1. JS如何自动添加上传文件

如果是上传文件,不可能的。
浏览器有安全限制,不允许脚本修改enctype为"multipart/form-data"的form内容,

2. 如何从js文件上传问题,怎么解决

  • 1

    第一步:新建HTML文件

    使用dreamweaver CS6新建一个html文件并保存到桌面,在桌面放一个文件(图片或文本文档),上传测试用。如图:

3. js通过ID上传文件到文件夹。求代码!!

如果只是前台的话

简单的你就用表单提交就行了啊

formid="form1"name="form1"action=""method="post"enctype="multipart/form-data">	
<tableclass="pedit_edit"width="100%"border="0"cellspacing="0">
<tr>
<tdcolspan="2"></td>
</tr>
<tr>
<tdclass="tit">文件:</td>
<tdclass="cnt"><inputtype="file"name="file"size="45"value=""id="file"style="width:250px"/></td>
</tr>
</table>
</form>

然后js里面直接form1.submit();就好了

后台看你是用什么写了,如果是java 的话有Apache的第三方包,如果是asp.net那估计也有包支持

4. js怎么传递一个上传文件的路径

flex上传的是文件流,你应该在服务端接到这个字节流 将其创建成文件对象 并保存在服务器本地磁盘中获得路径返回给前台,如果你们用node js做的服务器 也是同理 一定有处理流的方法,关键是你要理解flex 通过onload加载成功后在成功事件对象中取得的是 这个文件的信息 包括 字节流啊 宽高啊 名字啊等等。不知道能否让你理解。

5. 如何通过js完成多个文件的上传

HTML5 file组件的新属性
accept : 如果在file组件中增加这个属性就可以直接控制上传的文件类型了,实在是很方便。
multiple:是否允许选择多个文件
HTML5 页面代码修改后

<img width="400" height="250"/><br />
<input type="file" id="pic" name="pic" onchange="printFileInfo()" accept="image/*" multiple="multiple"/>
<input type="button" value="上传图片" onclick="uploadFile()" /><br />
<div id="parent">
<div id="son"></div>
</div>

accept 的值可以参阅:IANA MIME 类型(标准 MIME 类型的完整列表),如果使用的是DW开发的话,软件本身就有提示。
如果选择了多个文件,可以用JS做循环打印,看看文件的名称,类型和大小,看演示代码

function printFileInfo(){

var picFile = document.getElementById("pic");
var files = picFile.files;
for(var i=0; i<files.length; i++){
var file = files[i];
var div = document.createElement("div")
div.innerHTML = "第("+ (i+1) +") 个文件的名字:"+ file.name +
" , 文件类型:"+ file.type +" , 文件大小:"+ file.size
document.body.appendChild( div)
}
}

既然可以循环多文件的话,就可以尝试多文件上传了。
1、首先创建 XMLHttpRequest 对象
//这是全局变量。因为是示例,所以就没有判断浏览器类型,低版本IE这么写的话会出问题的
var xhr = new XMLHttpRequest()
2、上篇介绍了进度事件(Progress) , 这次实现 progress 和 error 2个事件
error:在请求发生错误时触发。
对应上传时发生错误导致的上传失败:uploadFailed()
//上传失败
function uploadFailed(evt) {
alert("上传失败");
}
progress:在接收相应期间持续不断触发。

对应上传进度方法:onprogress()
/**
* 侦查附件上传情况 ,这个方法大概0.05-0.1秒执行一次
*/
function onprogress(evt){
var loaded = evt.loaded; //已经上传大小情况
var tot = evt.total; //附件总大小
var per = Math.floor(100*loaded/tot); //已经上传的百分比
$("#son").html( per +"%" );
$("#son").css("width" , per +"%");
}

最后就是上传方法了,注意上面的html代码中上传用的方法也需要改成这个uploadFile()方法才能正常使用。

//上传文件
function uploadFile() {
//将上传的多个文件放入formData中
var picFileList = $("#pic").get(0).files;
var formData = new FormData();
for(var i=0; i< picFileList.length; i++){
formData.append("file" , picFileList[i] );
}

//监听事件
xhr.upload.addEventListener("progress", onprogress, false);
xhr.addEventListener("error", uploadFailed, false);//发送文件和表单自定义参数
xhr.open("POST", "upload");
//记得加入上传数据formData
xhr.send(formData);
}

6. 使用js向服务器上传文件

(1)js无法向网站服务器传送文件只能用FTP传送文件,(2)是动态网站要用js代码函数与服务器数据库代码建立连接函数。对应数据库,数据,相应单位,通过指定路径传输倒是制定数据单位。例如照片imag数据单位格式标注照片。通过编辑代码任意网络客户端都可上传到数据库imag格式单位标注中.相片.

7. js 如何获取上传文件的大小

HTML中input标签有个类型是file。这个是可以上传文件使用的。你可以直接操作这个标签的size来获取文件的大小。
可通过下面的方式
html代码:

js代码:
varfileId="uploadtest";
vardom=document.getElementById(fileId);
varfileSize=dom.files[0].size;//文件的大小,单位为字节B

8. js 如何使用选择上传的本地文件

<form><input type="file" /></form> js提交必须以 表单post 后台接收 inputStream 字段里存放的是文件

9. js超大文件上传如何实现

利用File文件接口将文件切成顺序的若干小片,然后上传到服务器,全部上传完后由服务端进行合并和校验

10. js如何上传文件

js采用File API 来上传文件的。


File API 由一组 JavaScript 对象以及事件构成。赋予开发人员操作在 <input type=”file” … /> 文件选择控件中选定文件的能力。图 1 展示了 File API 所有的 JavaScript 的组合关系。


File API 简单示例

<body>
<h1>File API Demo</h1>
<p>
<!-- 用于文件上传的表单元素 -->
<form name="demoForm" id="demoForm" method="post" enctype="multipart/form-data"
action="javascript: uploadAndSubmit();">
<p>Upload File: <input type="file" name="file" /></p>
<p><input type="submit" value="Submit" /></p>
</form>
<div>Progessing (in Bytes): <span id="bytesRead">
</span> / <span id="bytesTotal"></span>
</div>
</p>
</body>
运行效果:

热点内容
createsqlview 发布:2024-11-16 11:59:22 浏览:120
如何用js在服务器端运算 发布:2024-11-16 11:52:49 浏览:640
vbtxt文件加密 发布:2024-11-16 11:47:27 浏览:629
mountlinux共享文件夹 发布:2024-11-16 11:42:22 浏览:686
杭州防潮存储柜 发布:2024-11-16 11:40:17 浏览:962
phpimplode 发布:2024-11-16 11:27:20 浏览:562
端游网易版我的世界决战斗罗服务器 发布:2024-11-16 11:14:37 浏览:21
byte类型c语言 发布:2024-11-16 11:07:28 浏览:578
androidview设置高度 发布:2024-11-16 10:52:26 浏览:489
cryptopythondes 发布:2024-11-16 10:52:15 浏览:878