HTML：
<form id="avater" name="fo
rmlist">
{{ csrf_field() }}
<ul class="list-group container" style="width:50%">
<li class="list-group-item list" style="border-radius: 5px">
<input id="image" class="file" type="file" name="file">
<button id="btn" style=" width: 50px;height: 25px;padding:0" class="btn btn-primary radius" type="button">
上传</button>
</li>
</ul>
</form>
Jquery:
$('#btn').on('click', function() {
var file = $('#image')[0].files[0];
var form = $('#avater')[0];
var formdata = new FormData(form);
formdata.append('image', file)
$.ajax({
type: 'post',
url: "{{url('setava')}}",
data: formdata,
dataType: 'json',
processData: false,
contentType: false,
success: function(res) {
if (res.status == 0) {
alert(res.msg);
window.location.href = "{{url('set')}}";
}
}
});
红色部分为重要部分，使用FormData对象可以
解决ajax异步
上传文件的问题。并且可以同时传输表单
内容和
文件的合并
上传，
后台代码正常接值就可以。（
文件时用file来接）
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
