标签: jquery-file-upload

我们使用 jquery fileupload 将文件（和文件夹）从本地计算机拖放到浏览器。这很好用，但我们无法捕获文件夹内文件的目录结构。我理解为什么（从安全角度和 JavaScript 角度来看）这不起作用，但是有人对实现相同目标的最佳方法有任何想法吗？

再次，我希望我的客户（内部应用程序）将文件夹拖放到我的应用程序中。我的应用程序可以看到文件名列表并上传它们，但我想保留这些文件的目录结构以供在其他地方使用。即，对我来说重要的是知道它来自目录 x/1/a 而不是 y/2/b。

提前致谢！

我正在尝试在 blueimp 文件上传脚本中找到位置，以更改表中新文件位置的行为。如何通过在文件列表末尾插入的表格顶部添加来强制它们？

我正在使用 jquery-file-upload 插件上传一些文件。我有一个绑定到添加回调，我在其中收集要上传的文件，并在表单提交时发出“发送”命令来开始上传。

我面临的问题是，成功上传后会调用失败回调，并显示以下错误消息：“上传的字节超出文件大小”

谁能解释一下这个错误是什么意思？为什么我总是得到它？

我很感激你的帮助。

10倍

我有一个用于上传用C#编写的文件的Web服务.前端应用程序是用Javascript/HTML5编写的(使用https://github.com/blueimp/jQuery-File-Upload)

最近,我正在审查服务器日志,并发现了一些由客户端浏览器发送的PDF文件的奇怪MIME类型,例如:

application/unknown
application/force-download
application/force-download/n
application/force-download\n
[application/pdf]

其中一些导致.NET框架抛出异常:

MultipartMemoryStreamProvider streamProvider = new MultipartMemoryStreamProvider();
await Request.Content.ReadAsMultipartAsync(streamProvider); 

"Message Error parsing MIME multipart body part header byte 156 of data segment System.Byte[]."

我不知道该怎么办.

我正在使用 blueimp jquery 文件上传（github 链接），并且在某种程度上我已经能够根据我的需要对其进行自定义，但我坚持一个特定要求：当文件未成功上传时，它必须显示“重试上传”按钮让用户重新开始。有什么方法可以使用任何可用的 API 选项轻松实现吗？

我在后端使用 spring-boot ，在前端使用 plupload 来上传分块文件。

我有一个休息后端点，它接受表单数据中的多部分文件。

该场景是，基于块大小，plupload 将创建 n 个块，并将调用 post 端点 n 次，每次调用后续块。

现在我需要在服务器端组装这些块，端点可能同时收到来自许多客户端的请求，所以问题是1）需要识别来自同一客户端的所有请求。2) 需要识别同一个文件的 chunk0,chunk1...., chunk1 3) 需要等到所有块都上传后才能重新组装。

我的限制是，我不会获得大量的本地存储空间来将这些块作为临时文件存储在文件夹路径中，并通过一些唯一标识符为每个文件维护一个哈希图，并在第 n 个文件到达后重新组装。

如果有人对此问题有解决方案，请提供答案，或者一些 git hub 链接会有所帮助。

我在 html 页面有这个

<input type="file" id="ajax-upload-id-1508413400253" name="Media" accept="video/*,image/*" 
style="position: absolute; cursor: pointer; top: 0px; width: 100%; height: 
100%; left: 0px; z-index: 100; opacity: 0;">

在 .js 中

 manageMedia_Uploader = $("#fileuploader").uploadFile({
            url: "/Ajax/JsonProvider?Method=SaveMedia",
            fileName: "Media",
            autoSubmit: false,
            multiple: false,
            acceptFiles: "video/*,image/*",
            dynamicFormData: function () {
                return { MediaFriendlyName: $("#ManageMedia-MediaFriendlyName").val(), MediaID: mediaID }
            },


SaveMedia: function (mediaID) {

        if (mediaID == 0) {
            manageMedia_Uploader.startUpload();
        } else {
             //util
        }
    },

我的问题是我只想添加图片和视频而不添加其他内容。感谢这段代码在选择文件时给了我两个选项。自定义文件和所有文件。

acceptFiles: "video/*,image/*",

如何阻止“所有文件”部分？只会出现自定义文件？

我无法通过ajax发送到php文件上传和ajax数据。This my code just send file upload. 数据未发送到我的 php 代码。我创建表单并使用 ajax 在 php 上发布单击时发送的函数。I'm using codeigniter

这是我的表格：

<form action="<?php echo site_url('home/send_chat');?>" method="post" enctype="multipart/form-data">
  <input name="message" id="message" type="text" class="form-control input-sm" />
  <input type="file" id="file" name="file" />
  <br />
  <span class="input-group btn">
    <button type="submit" class="btn btn-info btn-sm" id="submit">Enkripsi</button>
  </span>
</form>

这个javascript使用ajax在php上发送帖子：

$('#submit').on('click', function(){
  var message = $('#message').val();

  var fd = new FormData(this);
  fd.append('file',$('#file')[0].files[0]);

  $.ajax({
    method:"POST",
    url:"<?php echo site_url('home/send_chat');?>",    
    data: {fd,message:message},  
    cache: false,
    contentType: false,
    processData: false,   
    success: function(data){                 
      alert(data); …

我正在创建一个文件上传组件，可以将其<cfinclude>上传到任何 CFM 页面上，该组件允许标准文件选择和拖放功能。

选择文件并提交表单时，没有问题，因为我的 ColdFusion 代码依赖于表单范围来检索文件。

为了使用拖放功能发送文件，我使用 jQuery 通过 Ajax 发送FormData基于当前表单的请求。

$form.on('submit', function(e) {
    e.preventDefault();

    // Get FormData based on form and append the dragged and dropped files 
    var ajaxData = new FormData($form.get(0));
    if (droppedFiles) {
        $.each(droppedFiles, function(i, file) {
            ajaxData.append($('input[type=file]').attr('name'), file);
        });
    }

    $.ajax({
        url: $form.attr('action'),
        type: $form.attr('method'),
        cache: false,
        contentType:false,
        processData: false,
        success: function(data) {
            if (data.SUCCESS) uploadSuccessful($form);
            else
            {
                console.error(data.ERROR);
            }
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.error('Error: File upload unsuccessful ' …

我无法显示video/image正在加载的预览

.bind('fileuploadprocessalways', function(e, data)
  {
      var canvas = data.files[0].preview;
      var dataURL = canvas.toDataURL();
      $("#some-image").css("background-image", 'url(' + dataURL +')');

  })

<input id="fileupload" type="file" name="files[]" multiple>
<div class="progress">
    <div class="meter" style="width: 0%;"></div>
</div>
<div class="data"></div>
<div id="some-image"></div>

$(function () {
    $('#fileupload').fileupload({
        url: '/echo/json/',
        maxChunkSize: 1048576,
        maxRetries: 3,
        dataType: 'json',
        multipart: false,
        progressall: function (e, data) {
          //progress
        },
        add: function (e, data) {
            data.context …