javascript - React/Node 文件在 Safari 中上传失败

Question

最近在尝试在 Safari 中上传文件时发现了一个问题。我在 macOS 10.12.3 上的 Safari 10.0.3 中遇到了与 iOS 10.3.1 上的移动 Safari 中相同的问题。此代码在 Google Chrome 和 IE 中都能完美运行，但在 Safari 中会无限期挂起。

还值得注意的是:当没有附加文件时，FormData 在 Safari 中成功发布。

这是我的 JSX/HTML:

<Button bsStyle="primary" onClick={() => this.refs.selectFiles.click()}>
   Browse <input style={{ display: 'none' }} ref="selectFiles" type="file" onChange={this.handleAttachments} accept=".jpg,.jpeg,.png,.gif,.apng,.tiff,.tif,.bmp,.pdf,.xcf" multiple />
</Button>

这是我的客户端网络代码:

export function createAction(action, files) {
const data = new FormData();
for (var prop in action) {
  data.append(prop, action[prop]);
}
if (files) {
  for (let i = 0; i < files.length; i++) {
    data.append(files[i].name, files[i]);
  }
}

return fetch('api/actions', {
  credentials: 'include',
  headers: { 'Accept': 'application/json', "Content-Type": "multipart/form-data" },
  method: 'post',
  body: data
});
}

以下是服务器上处理文件的方式:

function insertActionAndComment(req, res) {
  if (req.files) {
  funcs = req.files.map(file => {
    return db.proc('dbo.InsertAttachment', request => {
      request.addParameter('ID', TYPES.NVarChar, id);
      request.addParameter('Name', TYPES.NVarChar, file.fieldname);
      request.addParameter('File', TYPES.VarBinary, file.buffer);
    });
  });
  }
  //Other processing code

  Promise.all(funcs)
    .then(() => {
  //Send notification email, etc

  res.status(201);
  res.end();
  })
  .catch(error => {
    console.error(error);
  });
}

router.route('/')
.post(upload.any(), insertActionAndComment)

我发现 imgur 在其 Safari 移动网站中完美地实现了此功能。

以下是其网站上 POST 中图像的 FormData 示例:

------WebKitFormBoundaryvnoeYeAi7QAdnoE1
Content-Disposition: form-data; name="image"; filename="image.jpg"
Content-Type: image/jpeg


------WebKitFormBoundaryvnoeYeAi7QAdnoE1--

这是我的文件“POST”中的 FormData 示例:

------WebKitFormBoundaryobH1qsBmUuSGQHiX
Content-Disposition: form-data; name="Screen Shot 2017-04-11 at 4.16.54 
PM.png"; filename="Screen Shot 2017-04-11 at 4.16.54 PM.png"
Content-Type: image/png


------WebKitFormBoundaryobH1qsBmUuSGQHiX--

Answer 1

经过大量研究，我发现 Safari 不能很好地支持 Windows 身份验证，这就是我的问题的原因。

如果可以，请转到 IIS 管理器并从 Windows 身份验证切换到基本身份验证，文件应该会成功上传。