Tag: 文件上传

使用JavaScript / jQuery在文件浏览对话框中单击打开按钮后获取文件名: 基本上我是Web开发的新手，我面临着与使用JavaScript或jQuery打开file dialog box相关的问题我的问题是如何打开file browser dialog box并在file dialog box单击open按钮后获取文件alert()方法中的path或name 。我在JavaScript中使用以下代码显示对话框 function performClick(node) { var evt = document.createEvent(“MouseEvents”); evt.initEvent(“click”, true, false); node.dispatchEvent(evt); var pathnew = document.getElementById(‘theFile’).value; } Open file dialog 上面的代码显示了完美的文件浏览对话框，但是当我点击Open file dialog时显示此警告框，但我需要在单击文件浏览对话框下的打开按钮后显示。请帮我！任何帮助都将被挪用！

输入validation: 如何检查输入文件是否为空？我试过了： $(‘#image-file’).click(function() { if ( ! $(‘#image-file’).val() ) { alert(‘Chose a file!’); return false; } }); 但它不起作用。

JQuery AJAX从表单发送文件数组: 我把这个代码放在某个地方上传图片而不刷新浏览器。但是我不喜欢上传器文件所以我决定使用我曾经使用的旧文件。问题是它是从javascript文件发送一个数组而不是一个字符串（它的目的是发送多个文件而不是一个文件）。以下是制作数组的代码： input.addEventListener(“change”, function (evt) { document.getElementById(“response”).innerHTML = “Loading . . .” var i = 0, len = this.files.length, img, reader, file; for ( ; i < len; i++ ) { file = this.files[i]; if (formdata) { formdata.append("uploaded_file[]", file); } } } if (formdata) { $.ajax({ url: "img_upload.php", type: "POST", data: formdata, processData: […]

完成多个文件上传: 我有一个关于使用Blueimp jQuery-File-Upload插件的问题（ https://github.com/blueimp/jQuery-File-Upload ）有一个回调函数或替代方法，知道何时完成多个文件的上传？我不想知道什么时候完成每个文件的上传，但是什么时候完成整个过程（All Uploads Complited）。还有机会知道实际加载了多少文件以及请求了多少文件？

HTML5 AJAX多个文件上传: 我遇到了这个简单的js ajax上传代码（似乎jquery $.post由于某些原因不适用于HTML5）， /* If you want to upload only a file along with arbitary data that is not in the form, use this */ var fd = new FormData(); fd.append(“file”, document.getElementById(‘file’).files[0]); /* If you want to simply post the entire form, use this */ //var fd = document.getElementById(‘form1’).getFormData(); var xhr = new XMLHttpRequest(); xhr.upload.addEventListener(“progress”, […]

用php上传ajax多文件: 嘿我将文件上传到选定的文件夹，现在我可以选择并上传一个文件。我知道如何处理php中的多个文件，但我不知道如何通过AJAX发送所有文件。谢谢你尽你所能的帮助 AJAX function submitForm() { console.log(“submit event”); var fd = new FormData(document.getElementById(“fileinfo”)); fd.append(“label”, “sound”); fd.append(‘label’, document.getElementById(‘selected_folder’).value); $.ajax({ url: “upload.php”, type: “POST”, data: fd, enctype: ‘multipart/form-data’, processData: false, // tell jQuery not to process the data contentType: false // tell jQuery not to set contentType }).done(function( data ) { console.log(“PHP Output:”); console.log( data ); […]

是否可以从客户端的文件中获取信息而无需上传文件？: 我允许我的用户上传mp3文件，这样我就可以读取元数据并提取歌曲标题和歌手名称。目前我正在上传文件并使用getId来读取元数据。上传当然会占用大量资源和带宽。上传mp3似乎有点浪费，因为我需要的只是2条信息，我甚至不会对文件本身做任何事情。所以我事后删除它。是否有可能在客户端获取这两条信息而无需将文件复制到我的服务器？

IE9文件输入使用Javascript触发: 我有一个post在这里：变化在IE9中表现得很奇怪但是，我遇到了一个关于文件上传的表单处理的新事件，如果有人遇到这个问题，我很好奇。我最初的问题是我无法使用onchange事件工作，我想也许这是我的javascript的一个问题，但我发现它与表单被激活的方式有关。我有一个文件输入现在我做了两件事。我隐藏了输入并创建了一个按钮（用于更好的样式控制）来激活输入。 click to upload a pic 然后JS用于两者之间的交互： $(“#mybutton”).click(function() { $(“Input[type=file]”).click() }; 当然是表单的提交（我在本例中使用parent，但是在我的实际代码中我使用了表单id）。 $(“input[type=file]”).change(function() { $(this).parent().submit(); }); 当我点击“mybutton”时，预期的结果确实发生了，我的浏览窗口打开，让我从我的电脑中选择一个文件。此外，当我在IE以外的所有浏览器中更改文件时，会触发onchange事件。现在，如果我取消隐藏表单并手动单击“浏览”按钮并选择一个文件，则会触发onchange事件。所以基本上浏览器会点击实际文件按钮而不是执行$（“input [type = file]”）。click（）有人知道怎么修这个东西吗？

在jquery文件上传blueimp中开始全部上传: 我使用jQuery文件上传blueimp并已阅读 $(function () { $(‘#fileupload’).fileupload({ dataType: ‘json’, done: function (e, data) { $.each(data.result, function (index, file) { $(”).text(file.name).appendTo(document.body); }); }, add:function (e, data) { $(“#uploadBtn”).off(‘click’).on(‘click’,function () { data.submit(); }); } }); }); 但是这会上传一个文件，我想上传所有已选中的文件。

确定浏览器是否具有拖放能力？: 我正在实现jQuery文件上传，并试图找出检测客户端是否可以支持拖放的最佳方法，这样我就可以渲染类似“拖放文件到这里上传”的内容，只有他们能够真正做到这一点。在插件代码中，我可以看到函数isXHRUploadCapable几乎与拖放支持相关，但我认为这比任何事情更巧合。（它使用iFrames发布上传而不是IE和Opera的XMLHTTPRequest上传）。如果支持拖放，看不到任何让我知道的东西，所以我怀疑它只是一个事件发生或不发生。文档说“Windows版本的Safari不支持拖放.MSIE和Opera不支持拖放，多文件选择或上传进度指示。” 那么，也许只是Windows版本的Safari支持XMLHTTPRequest上传，而不是拖放？无论如何 – 我试图找出最好的方法来检测浏览器是否支持使用此插件拖放上传，我不知道如何做到这一点。拖放function是否可以轻松测试？我该怎么办？这个function是依赖于浏览器，还是Jquery Upload是否特别支持该浏览器？