Tag: 文件上传
以编程方式在Chrome中打开上传文件对话框
我input[type=file]并带有登录表单。 所以在用户登录后 – 立即打开文件上传对话框。 在我需要的所有浏览器（FF，IE10 +）中除谷歌Chrome之外，这个调用非常完美： $(‘input[type=file]’).click(); 要么 $(‘input[type=file]’)[0].click(); 要么 $(‘input[type=file]’).trigger(‘click’); 有人遇到过这个问题吗？ 如果是这样，如何在Chrome上实现这一目标？ 编辑1： https ： //developer.mozilla.org/en-US/docs/Web/API/HTMLElement.click这里支持它说我可以在输入[type = file]上使用它。 此单击也正常工作，但只有当我实际点击某些内容时，才会点击我的输入（因此只有在物理点击后）。 Edit2：是的，我已经尝试过搜索function了。 但是我发现的一切都很老了，而且几乎没有人告诉过，即便是FF也不支持这个（现在不是这样）。 Edit3：示例测试页面： http ： //jsfiddle.net/Ux3t4/
通过Javascript / Ajax上传多个文件？
有没有办法在用户点击“浏览”按钮时选择上传多个文件，并在不刷新页面的情况下上传这些文件？ 这种情况发生在Gmail中，当您单击以附加文件时，您可以按住CTRL并选择多个文件。
ajax表单上传加载新页面
昨天我有一个类似的问题 – cud没有解决问题 我正在上传一个包含文件和其他输入的表单，所有这些都正常工作。 但问题是它正在加载一个新页面，即 www.mywebsite.com/controller/function. 这是我的代码 $(document).ready(function() { var options = { clearForm: true, resetForm: true }; // bind ‘myForm’ and provide a simple callback function $(‘#myForm’).ajaxForm(function() { //alert(“Thank you for your comment!”); }); $(‘#myForm’).ajaxForm(options); }); 我从我的操作中删除了“main / comment”，并在var选项部分添加了url： – var options = { url: “”, clearForm: true, resetForm: true }; 但即使这似乎也不起作用。 请帮忙谢谢
文件上传PHP AJAX
我有一个使用Jquery Validate插件validation的表单。 该表单具有文件输入，用户可以使用该文件输入上传他/她的简档图片。 现在，使用Validate插件提交处理程序我将整个表单发布到PHP文件但服务器脚本无法读取$_FILE[‘my_id’] 表格： Profile Pic Create Faculty Profile JS： $.validator.addMethod(‘filesize’, function(value, element, param) { // param = size (en bytes) // element = element to validate () // value = value of the element (file name) return this.optional(element) || (element.files[0].size <= param); }); $.fn.clearFormFields = function(area) { $(area).find('input[type="text"],input[type="email"]').val(''); $(area).find('input[type="text"],input[type="email"]').removeClass('valid'); $(area).find('textarea').val(''); $(area).find('textarea').removeClass('valid'); $(area).find('label').html(''); $(area).find('label').removeClass('valid'); […]
403测试azure Blob存储上载时出错
我阅读并实现了以下文章，用于在javascript客户端和azure blob存储之间分块文件： http ： //gauravmantri.com/2013/02/16/uploading-large-files-in-windows-azure-blob-storage-using- shared-access-signature-html-and-javascript 。 我似乎能够生成共享访问签名并创建权限，但是当我尝试使用以下SAS URL将块“突然”设置为azure时，我收到错误：“403（服务器无法validation请求确保正确形成Authorization标头的值，包括签名。）“。 有人可以取悦我做错了什么。 这是代码和url和代码： //sas url that is generated http://testing.blob.core.windows.net/image-container?sr=c&si=Perms1&sig=UowbDVCLfFdiVktTZuoupj6BiMUzLRxF3WEZlXKMJcA%3D&comp=block&blockid=YmxvY2stMDAwMDAw //Upload the blocks to azure storage if (evt.target.readyState == FileReader.DONE) { // DONE == 2 var uri = submitUri + ‘&comp=block&blockid=’ + blockIds[blockIds.length – 1]; var requestData = new Uint8Array(evt.target.result); $.ajax({ url: uri, type: “PUT”, data: requestData, processData: […]
并发AJAX文件上传LIMIT
我正在使用XMLHttp 2进行多个文件上传器上传我的文件。当我这样做时，如果我逐个上传文件（通过ajax请求发送文件并等待它完成，然后发送下一个和所以，上传者运作良好。 但是当我通过使用并发的ajax请求同时上传多个文件来上传多个文件时，浏览器会挂起。 这是性能比较， 那么浏览器可以同时处理的UPLOAD文件大小或AJAX请求数量是否有任何最大限制？ 注意：红色数字显示总上传时间，因为Firefox（使用firebug）消耗上传所有文件。 在并行上传中，由于所有上传同时发生，我花费了最后一个文件所消耗的时间。
在上传之前选择文件后显示图像
如何选择图像并在上传之前（在数据库中插入之前）显示图像？ 此代码不显示图片： var a = $(”), 尊重地
Node.js在没有附加框架的情况下将文件上传到服务器
我正在写一个简单的上传网站。 我使用XmlHTTPRequest上传文件。 到目前为止，我只体验过这一部分，服务器已经为文件上传做好了准备。 但现在我需要创建自己的服务器来在本地测试这个Web应用程序。 我选择了Node.js，因为它使用JavaScript并且与其他服务器相比看起来非常简单。 但是，我仍然没有使用它的经验，所以我不知道，如何从请求“捕获”上传的文件并将它们保存到我的PC中的某个文件夹。 我一直试图找到一个解决方案，但我发现每个人都在使用一些框架。 如果可能的话，我不想使用这些，因为我不想为我的服务器代码添加任何复杂性，因为它不是我的项目的主要点，我需要它真的最简单，仅用于测试目的。 所以，请你推荐一些简单的方法吗？ 如果您认为，没有框架的“清除”Node.js并不理想，请随意描述任何其他解决方案，我会尽力了解它:-) 我已经编写了服务器的基本部分，它打印了一些语句并加载了我的源代码： var http = require(‘http’); var fs = require(‘fs’); var path = require(‘path’); http.createServer(function(request, response) { console.log(request.method + ‘ ‘ + request.url); var filePath = ‘.’ + request.url; if (filePath == ‘./’) filePath = ‘./index.html’; if (filePath.indexOf(‘/../’) !== -1) { response.writeHead(400); response.end(); } else { […]
上传多张图片时出现问题 – phonegap
我做了一个phonegap项目，这里我将多个图像上传到服务器，如下图所示，我获得了图像上传的success状态，但是当我在后端检查时，它只显示一个上传的图像（第二个）。 请检查上传代码是否有任何错误，并帮助我。 var options = new FileUploadOptions(); options.fileKey=”uploadfile”; options.fileName=randomNumber.toString().concat(fileNameSelected); options.mimeType=”image/jpeg”; options.chunkedMode = false; var ft = new FileTransfer(); // first upload ft.upload(i1,’http://xx.xx.xx/mobapp/api/upload-image’, function (r){ console.log(“ft.upload one”+JSON.stringify(r)); // second upload ft.upload(i2,’http:/xxx.xx.xx/mobapp/api/upload-image’, function(r){console.log(“ft.upload two”+JSON.stringify(r));}, function(error){alert(“image upload two failed”);},options); },function(error) {alert(“image upload failed”);},options); 谢谢。
HTML5拖放文件字段
我想通过拖放function增强关键表单。 我知道现代浏览器能够通过HTML5文件API实现这一点。 但是，我不想要即时上传或上传多个文件，我只是在寻找复制的function，以便你们老化文件字段。 在做了一些研究后，我发现HTML5文件API需要从表单的其余部分（lame）进行独立上传。 这不是理想的行为。 所以我考虑制作一个标准的文件字段并将其设置为position : absolute; visibility : hidden; position : absolute; visibility : hidden; 并且必须通过.mousemove在dropZone中跟随鼠标。 但这是不可能的，因为当用户抓住他们的文件时，浏览器窗口没有焦点！ 我还尝试使文件字段变得巨大且不可见，但是以这种方式设置字段是不可能的。 有任何想法吗？
