Tag: 文件上传

网络摄像头图片直接文件附件

所以我有一个表单，用户可以通过这种forms上传图片。 作为替代方案，我希望他们能够拍照并上传。 现在我认为当用户使用某种闪存网络摄像头界面拍照时，该图片需要存储在某种中间存储器中，同时用户完成他/她的表格。 有没有解决的办法？ 什么是最好的解决方案？ 我认为只有两种选择。 （a）我持有临时照片，然后在提交表格后再次接受或（b）用户拍照，将其下载到本地机器上，他们必须选择它作为要再次提交的文件。 这些解决方案都不是我真正满意的，所以我想知道是否有更好的方法来做到这一点。 编辑：作为一个额外的奖励，虽然它不是真正相关，我正在使用Paperclip制作Rails应用程序以获取文件附件。 另外，我更喜欢使用jQuery … 此外，来自经验丰富的UI Web开发人员的一般意见也不错..

Grails中的多文件上传

我正在尝试将来自blueimp的优秀jquery-file-upload集成到Grails 2.0中，并为此编写一个新的插件。 我知道已经有一个插件 ，但它没有使用资源，并且它已经有9个月未更新，并且jquery-file-upload在那段时间内发生了很大的变化。 所以我把发行版的所有文件放在我的插件中，现在我正在尝试编写一个可以处理上传的控制器动作。 问题是request.getFileNames()只给我一个files[]条目，我不知道如何检索我上传的3个单独的文件。 你如何处理这样的输入发送的文件： ？

Jquery表单插件文件上传

我有一个jquery表单插件的问题。 我尝试异步上传文件，但它不提交表单。 html标记和javascript代码如下所示 $(document).ready(function() { $(‘#fileUploadForm’).ajaxForm(); }); function UploadFile() { var options = { url:”Default.aspx”, beforeSend: ShowRequest, success: SubmitSuccesfull, error:AjaxError }; $(“#fileUploadForm”).ajaxSubmit(options); return false; }. 我有另一个测试表单，它只有一个文本框，它工作正常。 此外，当我评论输入类型=“文件”…行时，上面的表格也可以正常工作。 输入类型文件有什么问题？ 任何的想法？

为什么Blueimp的jQuery-File-Upload插件没有激活回调？

我正在尝试使用Blueimp的jQuery-File-Upload插件，该插件根据演示看起来很有前途。 这很容易实现： var $uploadButton = $(“#fileop-upload”);// $uploadButton.fileupload({ url : “//domain/path/to/receive-uploaded-files” }); 所选文件上传正常，无需按预期刷新页面，但当然使用这样的最小配置，用户将不会收到任何通知。 这是插件的回调会派上用场的地方。 根据文档，有两种方法可以定义回调。 例如， add事件（只要选择上传文件就会触发）可以在原始配置对象中添加，如下所示： $uploadButton.fileupload({ add : addFileListener, url : “//domain/path/to/receive-uploaded-files” }); 或者： $uploadButton.bind(“fileuploadadd”, addFileListener); 但是我发现只有第一种方法有效，第二种方法没有做任何事情。 更令人好奇的是，没有其他回调 – 特别是progress和start – 似乎无论我如何绑定它们都会解雇： $uploadButton.fileupload({ add : addFileListener, progress : progressListener, start : startListener, url : “//domain/path/to/receive-uploaded-files” }); 要么 $uploadButton.fileupload({ add : addFileListener, url : “//domain/path/to/receive-uploaded-files” […]

在输入类型=“文件”上取消事件

我正在使用标准文件输入进行上传，我正在寻找一种方法，当用户点击/点击“取消”按钮（或从“退出”）选择文件对话框时，将function附加到事件。 我找不到任何适用于所有浏览器和平台的事件。 我已经阅读了这个问题的答案： 在输入类型=文件上捕获取消事件但它们不起作用，因为在取消选择文件对话框时大多数浏览器都不会触发更改事件。 我正在寻找一个纯粹的js解决方案，但也对jquery解决方案开放。 有人成功解决了这个问题吗

使用jquery ajax和FormData跟踪fileupload的ajax post进度

var files = []; $(document).ready(function (){ dropArea = document.getElementById(“droparea”); }); // when we drag and drop files into the div#droparea dropArea.addEventListener(“drop”, function (evt) { files = evt.dataTransfer.files; }, false); function uploadFiles(stepX) { var url = “/ajax/uploadfiles.php”; var type = “POST”; if (files.length > 0) { var data = new FormData(); // we use FormData here […]

使用jQuery Ajax上传文件

我已经多次搜索如何使用Ajax从表单上传文件，并发现xhr2应该能够做到。 然而，我已经尝试使用FormData对象，但它不起作用。 这是一个简单的html表单 File Upload 这里是’post.php’文件，当称为’老式’方式时它可以正常工作： 0) die(‘Error ‘ . $_FILES[‘file’][‘error’]); if(empty($_FILES[‘img’][‘name’])) die(‘No file sent.’); $tmp = $_FILES[‘img’][‘tmp_name’]; if(is_uploaded_file($tmp)) { if(!move_uploaded_file($tmp, ‘img.png’)) echo ‘error !’; } else echo ‘Upload failed !’; ?> 这里是’upload.js’ $(function() { $(‘#form’).submit(function(e) { e.preventDefault(); data = new FormData($(‘#form’)); console.log(‘Submitting’); $.ajax({ type: ‘POST’, url: ‘post.php’, data: data, cache: false, contentType: false, processData: […]

Jquery input.files等价

我有一个简单的html表单，只有一个文件上传输入。 （ jsfiddle） 在过去，我已经使用input.files访问了用户选择的文件，但是我不知道如何使用JQuery执行此操作; 码： $(function () { $(“#cmdSubmit”).bind(“click”, function () { var file = document.getElementById(“fileInput”).files[0]; alert(file); //A file = $(“#fileInput”).val(); alert(file); //B file = $(“#fileInput”).files[0]; alert(file); //C }); });​ 选项A给出了我期望的文件对象。 但是，选项B只是给我上传文件的名称，并且（据我所知）不是文件本身。 选项C显示files未定义。 什么是input.files等效的input.files ？ 注意：我不反对使用原生javascript; 但鉴于我在整个项目的其余部分使用JQuery，我更愿意在这里使用它，如果可能的话。

如何在ASP.NET MVC中处理HTML5多文件上传？

我找到了以下很棒的主题 ，并解释了如何使用新的HTML5 FormData API通过AJAX / Jquery进行文件上传 这是该代码的略微更新版本，使用较新的JQuery 1.8+语法 $(‘:button’).click(function(){ var formData = new FormData($(‘form’)[0]); $.ajax({ url: ‘/Upload’, //my ASP.NET MVC method type: ‘POST’, // handle the progress report xhr: function() { // Custom XMLHttpRequest var myXhr = $.ajaxSettings.xhr(); if(myXhr.upload){ // Check if upload property exists myXhr.upload.addEventListener(‘progress’,progressHandlingFunction, false); // For handling the progress of the upload […]

很棒的上传者，比如uploadify但是有一个“禁止闪回”的后备

是否有一个很好的上传程序脚本使用jQuery，如uploadify，但有一个回退选项，什么时候没有闪存？ 我尝试了FancyUpload ，它有这个并使用一个看不见的IFRAME来做它的东西。 问题是，它建立在Mootools之上（到处都是冲突，因为如果我使用jQuery.noConflict（），我无法改变我的整个代码库来使用jQuery而不是$，而我真的不认为混合是个好主意这样的js库）。