react-fine-uploader想要在每个分块上传时重新加载浏览器窗口

问题描述 投票:0回答:1

我已经得到了反应精细上传器,使用.NET Core REST API上传大块文件。块正确地写入文件系统,我发送了一个{"success": true} 200响应,这是Fine Uploader javascript似乎喜欢的。但现在,每次OK响应,浏览器都会提示我确认是否要重新加载窗口或取消。我不知道为什么会这样。如果我单击取消,下一个块将成功上传,我发送下一个OK响应,然后我再次获得相同的浏览器提示。可能是什么导致了这个?

如果我一直点击每个块的取消一直到结束,它将完成整个上传并触发块成功端点调用。我完全摸不着头脑。我试过一次关闭每个前端选项,但它没有帮助。任何想法都非常感激。

upload.js:

import React, { Component } from 'react'
import FineUploaderTraditional from 'fine-uploader-wrappers'
import Gallery from 'react-fine-uploader'
import 'react-fine-uploader/gallery/gallery.css'

const uploader = new FineUploaderTraditional({
  options: {
      debug: true,
      chunking: {
        enabled: true,
        concurrent: {
          enabled: false
        },
        success: {
          endpoint: '/api/File/LargeUploadComplete'
        }
      },
      deleteFile: {
        enabled: false
      },
      request: {
        endpoint: '/api/File/LargeUpload'
      },
      resume: {
        //enabled: true
      },
      retry: {
        showButton: true
        //, enableAuto: true
      }
  }
})

class Upload extends Component {
  render() {
    return (
      <Gallery uploader={uploader} />
    )
  }
}

export default Upload

这是精细上传器调试器的输出。你可以看到200个回复:

dnd.js:162 Grabbed 1 dropped files.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Received 1 files.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] onValidateBatch - waiting for onValidateBatch promise to be fulfilled for batch validation
fine-uploader.core.js:162 [Fine Uploader 5.16.2] onValidateBatch promise success for batch validation
fine-uploader.core.js:162 [Fine Uploader 5.16.2] onValidate - waiting for onValidate promise to be fulfilled for Item 'q4.csv', size: 59894927
fine-uploader.core.js:162 [Fine Uploader 5.16.2] onValidate promise success for Item 'q4.csv', size: 59894927
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Attempting to validate image.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] onSubmit - waiting for onSubmit promise to be fulfilled for 0
fine-uploader.core.js:162 [Fine Uploader 5.16.2] onSubmit promise success for 0
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Attempting to draw client-side image preview.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Attempting to determine if q4.csv can be rendered in this browser
fine-uploader.core.js:162 [Fine Uploader 5.16.2] First pass: check type attribute of blob object.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] q4.csv is not previewable in this browser per the blob's type attr
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Not previewable
fine-uploader.core.js:162 [Fine Uploader 5.16.2] onUpload for 0 returned a Promise - waiting for resolution.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] onUploadChunk for 0.0 returned a Promise - waiting for resolution.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Sending chunked upload request for item 0.0, bytes 1-2000000 of 59894927.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] xhr - server response received for 0
fine-uploader.core.js:162 [Fine Uploader 5.16.2] responseText = {"success":true}
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Received response status 200 with body: {"success":true}
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Chunked upload request succeeded for 0, chunk 0
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Chunk 0 for file 0 uploaded successfully.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] onUploadChunk for 0.1 returned a Promise - waiting for resolution.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Sending chunked upload request for item 0.1, bytes 2000001-4000000 of 59894927.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] xhr - server response received for 0
fine-uploader.core.js:162 [Fine Uploader 5.16.2] responseText = {"success":true}
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Received response status 200 with body: {"success":true}
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Chunked upload request succeeded for 0, chunk 1
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Chunk 1 for file 0 uploaded successfully.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] onUploadChunk for 0.2 returned a Promise - waiting for resolution.
fine-uploader.core.js:162 [Fine Uploader 5.16.2] Sending chunked upload request for item 0.2, bytes 4000001-6000000 of 59894927.
reactjs fine-uploader
1个回答
1
投票

并不是说有人真正关心,但是当我使用VS Code调试器时就会发生这种情况。显然它真的放慢了上传的块。我调整了一些设置(5个并发上传,每个5MB),我只是在正常模式下启动服务器,我不再得到错误了。希望这有助于某些可怜的羞怯。

© www.soinside.com 2019 - 2024. All rights reserved.