我想使用blueimp jquery文件上传来浏览laravel中的大文件,以便对它们进行分析..我已经下载了最新版本-v9.21.0,将其上传到公共文件夹中。我在public中创建了一个子文件夹 up ,即。 project-folder / public / up 并在我的视图中使用了这样的文件
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="{{ asset('/up/js/vendor/jquery.ui.widget.js') }}"></script>
<script src="{{ asset('/up/js/jquery.iframe-transport.js') }}"></script>
<script src="{{ asset('/up/js/jquery.fileupload.js') }}"></script>
这是我的其余代码。复制自[bluimp基本插件示例。1仅添加了提交按钮,因为它无法自动提交。
<body>
<form method="post" action="{{ route('upvid') }}" enctype="multipart/form-data" class="">
{{ csrf_field() }}
<input id="fileupload" type="file" name="files[]" data-url="{{ url('upvid') }}" multiple>
<input type="submit" class="col-md-12 btn btn-sm btn-primary" value="Submit"/>
</form>
<script src="{{ asset('/up/js/vendor/jquery.ui.widget.js') }}"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="{{ asset('/up/js/jquery.iframe-transport.js') }}"></script>
<script src="{{ asset('/up/js/jquery.fileupload.js') }}"></script>
<script>
$(function () {
$('#fileupload').fileupload({
maxChunkSize: 10000000 // 10 MB
dataType: 'json',
add: function (e, data) {
data.context = $('<button/>').text('Upload')
.appendTo(document.body)
.click(function () {
data.context = $('<p/>').text('Uploading...').replaceAll($(this));
data.submit();
});
},
done: function (e, data) {
data.context.text('Upload finished.');
}
});
});
</script>
</body>
我的问题是我做错了什么?或者根本不做?谢谢!我甚至尝试将maxChunSize
缩减为2000000 //2 mb