上传文件HTML前台

<form name="form1" encType="multipart/form-data" method="post">
<!-- <input type="file" id="inputfile" name="upload"
accept="text/plain" > -->
<input id="inputfile" type="file" style="display:none" name="upload" accept=".xls,.doc,.txt,.pdf,xlsx" >
<div style="float: left; padding-left: 15px" >
<input id="photoCover" class="form-control" type="text" style="height:34px;">
</div>
<div style="float: left; padding-left: 5px" >
<a class="btn btn-info" onclick="$(‘input[id=inputfile]‘).click();">导入单个员工信息</a>
</div>
<div style="float: left; padding-left: 5px" >
<button id="uploadBtn" class="btn btn-info">导入提交</button>
</div>
</form>

$(‘input[id=inputfile]‘).change(function() {
$(‘#photoCover‘).val($(this).val());
});

上传文件HTML前台

原文：http://www.cnblogs.com/aiwoqu/p/4146268.html