HTML中上传文件的表单(file有一个编辑框和一个浏览的按钮),客户只想要一个按钮,要求把编辑框去掉

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML中上传文件的表单(file有一个编辑框和一个浏览的按钮),客户只想要一个按钮,要求把编辑框去掉相关的知识,希望对你有一定的参考价值。

我修改后发现没法上传文件了,路径是对的,请大家帮忙指点下,下面是所有的代码
<html>
<head>
<meta HTTP-EQUIV='Pragma' CONTENT='no-cache'>
<link rel="stylesheet" href='stylemain.css' type='text/css'>
<link rel="stylesheet" href='colors.css' type='text/css'>
<script language="javascript">
<!-- hide

var progress = 0;

function isInProgress()
if ( progress == 0 )
progress = 1;
return true;

alert('Upload software is in progress. Please wait for a minute.');
return false;


function checkFileName(txtBox)

if (txtBox.length == 0)

alert("No filename selected,please assign one file to update.");
return false;



// done hiding -->
</script>
</head>
<body>
<blockquote>
<form method='post' ENCTYPE='multipart/form-data' action='upload.cgi' onSubmit='return isInProgress();'>
<b>Tools -- Update Software</b><br>
<br>
<b>Step 1:</b> You can download the latest firmware from the link below:<br>
http://www.digicom.it/italiano/supporto/upgrade.html<br>
<br>
<b>Step 2:</b> Enter the path to the image file location in the box below or
click the "Browse" button to locate the image file.<br>
<br>
<b>Step 3:</b> Click the "Update Software" button once to upload the new image
file.<br>
<br>
NOTE: The update process takes about 2 minutes to complete, and your DSL Router
will reboot.<br>
<br>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Software File Name: 
</td>
<td><input type='file' name='filename' style="display:none"></td>
<td><input type="button" value="Scegli Documento" onClick='filename.click();'></td>
<td>nessun...lonato </td>
</tr>
</table>
<p align="center"><input type='submit' value='Update Software' onclick='return checkFileName(document.forms[0].filename.value);'></p>
</form>
</blockquote>
</body>
</html>

参考技术A 如果那样的话,只能将 浏览器自带的file控件进行隐藏,使用其他开源的上传组件替代。

jquery上传插件 自己网上百度下,剩下的靠你自己了。

推荐=》 uploadify.
参考技术B 这里有一个无刷新多文件上传系统
里面可以判断文件多少 文件类型
里面有教程和源码

参考资料:http://www.blueidea.com/common/shoutbox/redir.asp?3=n&id=11280

本回答被提问者采纳

使用FileField编辑表单将删除该文件

我有一个动态生成字段的ModelForm。一切正常,但编辑。 input[type=file]丢失了它的文件,而是把它放在被称为“当前”的<a href="/path/to/file">中。我认为这是某种浏览器/ HTML的东西。当我提交表格时,我需要request.FILES中的那些文件。

这是我如何定义文件的首字母:self.initial[field_name2] = admins[i].contract

我想用Javascript处理它,但是不可能改变input[type=file]的值。

我会发布一些代码,但它有点长,所以我不愿意。

答案

不要使用Javascript。

尝试使用filename作为值来创建隐藏的HTML输入字段。在POST检查request.FILES之后,如果空检查request.POST与隐藏字段。

以上是关于HTML中上传文件的表单(file有一个编辑框和一个浏览的按钮),客户只想要一个按钮,要求把编辑框去掉的主要内容,如果未能解决你的问题,请参考以下文章

html 表单上传图片

HTML input type=file文件选择表单的汇总

asp.net开发,form表单,file文件上传

ASP 表单文件上传

html文件上传表单问题

django 基于form表单上传文件和基于ajax上传文件