Tag: file upload

inputtypes=“文件”的jQuery更改方法

我试图用它简单和优雅的API来接受jQuery 100%,但是我遇到了API和直接的HTML之间的不一致,我不太明白。 我有一个AJAXfile upload器脚本(function正常),我想运行每次文件input值的变化。 这是我的工作代码: <input type="file" size="45" name="imageFile" id="imageFile" onchange="uploadFile()"> 当我将onchange事件转换为jQuery实现时: $('#imageFile').change(function(){ uploadFile(); }); 结果是不一样的。 使用onchange属性时,可以随时调用uploadFile()函数,如所期望的那样进行更改。 但是使用jQuery API .change()事件处理程序,事件只会在第一次更改值时触发。 之后的任何值更改都将被忽略。 这似乎是错误的,但肯定这不能由jQuery监督,对不对? 有没有其他人遇到同样的问题,除了上面介绍的内容之外,您是否有解决方法或解决scheme?

WordPress的3.5自定义媒体上传为您的主题选项

WordPress的3.5最近已经发布,我通过thickbox和window.send_to_editor WordPress媒体上传系统在我的WordPress主题(背景,标志等)的一些选项。 但正如你所知,Wordpress已经集成了一个新的媒体pipe理器,我想用这个新function上传图片/文件作为自定义字段。 所以我花了早上find一个方法来获得希望的结果。 我发现与这个解决scheme,这可能对你们中的一些人有用。 感谢您向我提供关于代码的意见或任何改进意见! HTML示例: <a href="#" class="custom_media_upload">Upload</a> <img class="custom_media_image" src="" /> <input class="custom_media_url" type="text" name="attachment_url" value=""> <input class="custom_media_id" type="text" name="attachment_id" value=""> jQuery代码: $('.custom_media_upload').click(function() { var send_attachment_bkp = wp.media.editor.send.attachment; wp.media.editor.send.attachment = function(props, attachment) { $('.custom_media_image').attr('src', attachment.url); $('.custom_media_url').val(attachment.url); $('.custom_media_id').val(attachment.id); wp.media.editor.send.attachment = send_attachment_bkp; } wp.media.editor.open(); return false; }); 如果您想查看attachmentvariables中包含的每个设置,您可以执行console.log(attachment)或alert(attachment) 。

file upload器集成为angularjs

是否有良好的file upload与AngularJS良好的整合(指令)? 我正在寻找容易风格和支持HTML5拖放等的东西 有人可能会说,它易于使用现有的上传器,并将其集成到AngularJS – 我会说:如果容易,那么已经有人应该已经做到了。

上传前获取文件大小

在input文件的变化事件中使用AJAX / PHP上传文件之前,有什么办法找出文件的大小?

jQuery上传进度和AJAXfile upload

好像我没有清楚地传达我的问题。 我需要发送一个文件(使用AJAX),我需要使用Nginx HttpUploadProgressModule获取文件的上传进度。 我需要一个很好的解决这个问题的方法。 我曾尝试使用jquery.uploadprogress插件,但是我发现自己不得不重写大部分内容,以使其在所有浏览器中运行,并使用AJAX发送文件。 我所需要的是执行此操作的代码,并且需要在所有主stream浏览器(Chrome,Safari,FireFox和IE)中运行。 这将是更好的如果我能得到一个解决scheme,将处理多个file upload。 我正在使用jquery.uploadprogress插件从NginxHttpUploadProgressModule获取文件的上传进度。 这是一个Facebook应用程序的iframe中。 它在Firefox中工作,但在Chrome / Safari中失败。 当我打开控制台,我得到这个。 Uncaught ReferenceError: progressFrame is not defined jquery.uploadprogress.js:80 任何想法我将如何解决? 我想在完成时使用AJAX发送文件。 我将如何执行? 编辑: 我很快就需要这一点,这一点很重要,所以我要在这个问题上提出100点的奖励。 第一个回答的人将获得100分。 编辑2: Jake33帮我解决了第一个问题。 第一个人如果用ajax发送文件也会得到100分。

file upload在Angular 2中?

我知道这是一个普遍的问题,但我没有上传Angular 2中的文件。我试过了 1) http://valor-software.com/ng2-file-upload/和 2) http://ng2-uploader.com/home …但失败了 有没有人上传Angular 2的文件? 你用什么方法? 怎么做? 如果提供任何示例代码或演示链接,将非常感激。 谢谢。

如何在上传到服务器之前在iPhone OS SDK上压缩/调整图像大小?

我正在使用下面的代码在iOS上使用Imgur将图像上传到服务器: NSData* imageData = UIImagePNGRepresentation(image); NSArray* paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES); NSString* fullPathToFile = [[paths objectAtIndex:0] stringByAppendingPathComponent:@"SBTempImage.png"]; [imageData writeToFile:fullPathToFile atomically:NO]; [uploadRequest setFile:fullPathToFile forKey:@"image"]; 在模拟器中运行时,代码工作正常,并从模拟器的照片库上载文件,因为我在快速以太网连接上。 但是,当select使用iPhone拍摄的图像时,相同的代码会在iPhone上超时。 所以,我试图从networking上保存一个小图片,并尝试上传,这工作。 这导致我相信iPhone所拍摄的大图像会超越3Gnetworking的速度。 有没有办法在发送之前从iPhone压缩/调整图像大小? 谢谢!

如何处理与meteorfile upload?

用Meteor处理file upload的规范方法是什么?

blueimpfile upload插件中的maxFileSize和acceptFileTypes不起作用。 为什么?

我正在使用Blueimp jQueryfile upload插件来上传文件。 我没有上传的问题,但选项maxFileSize和acceptFileTypes不起作用。 这是我的代码: $(document).ready(function () { 'use strict'; $('#fileupload').fileupload({ dataType: 'json', autoUpload: false, acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, maxFileSize: 5000000, done: function (e, data) { $.each(data.result.files, function (index, file) { $('<p style="color: green;">' + file.name + '<i class="elusive-ok" style="padding-left:10px;"/> – Type: ' + file.type + ' – Size: ' + file.size + ' byte</p>') .appendTo('#div_files'); }); […]

HTML:如何限制file upload只能是图片?

用HTML,我该如何限制可以上传什么样的文件types? 为了方便用户体验,我想将file upload限制为图片(jpeg,gif,png)。 <form method="post" action="…" enctype="multipart/form-data"> <label for="image">Photo</label> <input name="image" type="file" /> </form>