<form action="/upload/store" method="post" enctype="multipart/form-data">
@csrf
<input type="file" name="upfile"> <br/>
<input type="submit" name="submit" >
</form>
- enctype的值是
application/x-www-form-urlencoded
,不能用于文件上传,只有使用了multipart/form-data
,才能完整的传递文件数据。 - 可以通过jq的方式对默认上传按钮进行样式修改
<div class="row">
<div class="col-sm">
<input class="form-control" id="location" aria-describedby="helpId" placeholder="" disabled>
</div>
<div class="col-sm">
// 点击按钮触发input file的点击事件
<button type="button" class="btn btn-primary" onclick="$('#Data').click()" >请选择数据</button>
</div>
// 因为选择文件后val会变化,从而触发了onchange事件。进而改变了input location的value
<input id="Data" name="Data" type="file" onchange="$('#location').val($('#Data').val())" style="display: none">
</div>
来源:CSDN
作者:Mush1
链接:https://blog.csdn.net/qj4865/article/details/104639260