Question

我有一个简单文件输入的上传模式。如果用户选择了一个文件，那么它就会被删除而用户点击上传我会收到以下错误：

未捕获的DOMException：使用origin＆＃34; [servername]＆＃34;阻止了一个框架从访问跨源框架。

表单代码：

<form id="uploadForm" action="@Url.Action("Function", "Controller")" method="post" enctype="multipart/form-data" target="upload_target">
..form code
</form>
<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe>

并且它在jquery加载函数中失败：

$("iframe").load(function () {

iframeContents = this.contentWindow.document.body.innerHTML;
...rest of code

据我所知，它不像.document药水

无论如何，确保文件在选择上传和将表单提交给控制器之间仍然存在。提前谢谢

Answer 1

如何使用JavaScript File API并通过对象的size属性检查文件的大小？

Answer 2

所以我意识到，当我最初检查文件大小时，我正在检查文件名的大小而不是文件的大小。这是最后的修复

if ($('#File').get(0).files[0].size === 0) {
    window.alert("missing file");
}

在上传之前检查文件是否存在

2 个答案: