<input type="file">怎么样实现上传?

<html><head><title>添加附件</title></head><bodyclass="body"><scripttype="text/javascript"... <html>
<head>

<title>添加附件</title>
</head>
<body class="body">

<script type="text/javascript">

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

document.getElementById("f").click();

var path = document.getElementById("f").value;

alert(path);
})

</script>
<form>
<input type="file" id="choosefile" />
<input type="file" id="f" style="display:none;" />
</form>
</body>
</html>
这是选择文件,那如果要将文件上传,需要怎么处理?
展开
 我来答
百度网友c8ccabb
2013-11-27 · TA获得超过1756个赞
知道大有可为答主
回答量:826
采纳率:0%
帮助的人:1167万
展开全部

1、首先,你要对form表单设置下相关属性,增加如下属性:

    enctype="multipart/form-data" action="接收上传文件的后台处理URL" method="post"

    

<form enctype="multipart/form-data" action="" method="post">
    <input type="file" id="choosefile" />
    <input type="file"  id="f" style="display:none;" />
    <input type="submit" value="上传文件" id="submitBtn" />
</form>

2、编写接收客户端文件上传的后台代码,即上面提到的“接收上传文件的后台处理URL”的相关代码。


3、当点击上面增加的“上传文件”按钮后,将调用action对应的处理方法进行文件上传


因为不知道你是使用什么语句作为后台程序的运行语句,这里没法给出示例。像很多都有现成的插件。

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
80828602
2013-11-27 · TA获得超过108个赞
知道答主
回答量:188
采纳率:100%
帮助的人:90.1万
展开全部
var path = document.getElementById("f").value;

alert(path); 这样貌似不会兼容所有的浏览器 post提交可以兼容 后台request.form[ID]取得input的内容 然后判断路径 做保存什么的操作
追问
我的alert是为了暂时看看 获取的路径,那个保存的方法可以说的详细点吗?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式