moweb
Version:
A very simple webserver.
54 lines (44 loc) • 1.63 kB
HTML
<html lang="zh-cn">
<head>
<meta charset="utf-8"/>
<script src="/lib/jquery-1.7.2.min.js" ></script>
<script src="/lib/json2.js" ></script>
<script src="/lib/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript" >
function doUpload() {
var name = $('#pop_filename').val() === "" ? $('form[name=fileForm] input[name=fileName]')[0].files[0].name : $('#pop_filename').val();
var options = {
url:"/cgi-bin/fileupload.js?action=uploadFile&name=" + name,
type:'post',
dataType : "json",
success:function(data)
{
$('form[name=fileForm]')[0].reset();
},
error : function (data, status, e) {
console.log(data, status, e);
}
};
$('form[name=fileForm]').ajaxSubmit(options);
}
</script>
</head>
<body>
<h1>nodejs-post-file示例</h1>
<h2>更多用法请关注：<a href="http://www.cnblogs.com/motadou/p/4319494.html">nodejs模拟http-post文件的方法示例</a></h2>
<form action="" method="post" enctype="multipart/form-data" name="fileForm" >
<div class="line">
<span>文件：</span>
<input type="file" id="fileName" name="fileName" />
</div>
<div class="line">
<span>文件名：</span>
<input type="text" id="pop_filename"/>
</div>
</form>
<div>
<button onclick="doUpload()">上传</button>
</div>
</body>
</html>