使用带上传进度条的jQuery-File-Upload时,经常问的问题及答案.docxVIP

使用带上传进度条的jQuery-File-Upload时，经常问的问题及答案。 什么是最大文件大小限制？ 可以使用jQuery文件上传插件上传高达4 GB的文件。 通过使用Chunked文件上传（块大于4GB），潜在的文件大小是无限制的。 4 GB的限制是由于某些浏览器限制，这些浏览器的未来更新可能会被修复： Firefox错误参考： https : ///show_bug.cgi ? id = 215450 /show_bug.cgi?id=660159 Chrome错误参考：http : ///p/chromium/issues/detail?id=139815 插件是否需要表单或文件输入字段？ 如果您定义了url（并且可能是paramName）选项，则可以在任何元素上调用插件 - 不需要窗体或文件输入字段，拖放功能仍然可以工作。 为了支持没有XHR文件上传功能的浏览器，文件输入字段必须是小部件的一部分，或者使用fileInput选项定义。 如何限制文件选择对话框仅显示特定的文件类型？ 您可以使用文件输入字段的accept属性来限制文件类型选择，尽管这似乎仅在Google Chrome和Opera上得到支持。 将文件限制为PNG图像的示例： input type = “ file ” name = “ files [] ” accept = “ image / png ” multiple 请注意，这不会限制通过拖放添加的文件，并且不支持所有浏览器。 添加大量图像文件时如何防止页面无响应？ 降低loadImageMaxFileSize设置或从上传模板中删除“预览”类，以避免呈现大型预览图像，这些图像有可能阻止主要的JS线程。 是否可以通过编程方式触发文件选择对话框？ 通过编程方式在文件输入字段上调用点击事件不受浏览器支持 - 请参阅“ 样式指南”。 但是，另一个文件输入按钮可用于触发文件选择，并作为参数传递给fileupload 添加或发送 API： $（＃some-file-input-field ）。bind（ change ，function（e）{ $（ # fileupload ）。fileupload（ add ，{ 文件： e。目标。文件 || [{name ： this。值 }]， fileInput ： $（this） }）; }）; 如何使用这个关键字的插件初始化选项？ 只要利用jQuery的每个方法来设置此关键字的元素节点： $（ #fileupload ）。each（function（）{ $（this）。fileupload（{ fileInput ： $（this）。find（ input：file ） }）; }）; 如何限制文件选择，使用户只能选择一个文件？ 只需从文件输入中删除多个属性： input type = “ file ” name = “ files [] ” 请注意，用户仍然可以拖放多个文件。要执行一个文件上传限制，您可以使用maxNumberOfFiles选项（请参阅选项）。 上传前可以调整图像大小吗？ 这是内置的，目前支持最新版本的Mozilla Firefox和Google Chrome。请查看过程 选项。 是否可以拖放文件夹文件夹？ 是的，使用最新版本的Google Chrome是可能的。 还可以通过添加浏览器供应商特定的“目录”属性，通过文件输入元素选择文件夹（而不是文件），尽管这似乎仅在Google Chrome中支持： input type = “ file ” name = “ files [] ” 多个 目录 webkitdirectory mozdirectory 为什么HTML代码中的脚本引用中缺少协议（“http：”）？ 这被称为协议相对URL，并且是相对于当前URL协议定义资源的完全有效的方式。 这可以确保引用的脚本通过与当前页面相同的协议进行加载，从而避免在通过HTTPS加载的页面上通过未加密的HTTP加载资源时的安全通知。 但是，它还要求当前的协议是“http：”或“https：”，并且不会在“file：”网址上运行。 为什么我无法在循环的模板中打印文件索引？ 将为每个添加调用渲染模板。 只要选项singleFileUploads设置为true（这是默认值），则多个选择/删除将分成单个添加调用，因此索引将始终为0。 为什么Firefox不会显示100％的上传进度？ 请参阅Firefox Bug ＃642463。 这个bug已经通过commit f60bbfb2546bc08fe9538d3af56be8d07e634675解决了。