Tag: 上传

jQuery上传文件使用jQuery的ajax方法（没有插件）: 目前我想在不使用任何插件的情况下实现图片上传。我的上传表单看起来像这样 Upload profile picture Upload 我的jQuery代码是： $(‘#upComplete’).click(function () { $(‘#up’).hide(); $(‘#upRes’).show(); var form = $(“#uploadform”); $.ajax({ type: “POST”, url: “/Member/UploadPicture”, data: form.serialize(), success: function (data) { alert(data); } }); $.fancybox.close(); return false; }); 如果我打开firebug，我可以看到ajax（）方法做了简单的表单post（不是多部分）而POST内容是空的是否可以使用jQuery ajax（）方法上传文件，还是应该以其他方式执行此操作？非常感谢你

拖放文件上传: 所以我正在努力寻找我正在寻找的东西以及如何实现它。我有一个基本的PHP文件上传工作，用户按下自定义上传按钮，选择一个文件，然后使用JS，它检查更改（即用户选择文件），然后提交上传图像的表单精细。我现在想要的是拖放上传区域。因此，用户可以从文件浏览器中拖动图像并将其放在指定位置（而不是整个页面），然后删除该图像后，表单将自动与其图像一起提交并使用相同的PHP处理。这可能和现实吗？

如何在没有表单提交的情况下轻松上传文件（使用jQuery + AJAX）: 所以我有一些表单处理代码处理标准文本输入和上传文件（通过$ _FILES数组）我希望通过AJAX完成提交请问jQuery的post（）。方法仍然通过 – > $ _FILES传递那些东西还是我需要做一些特别的事情？

如何预览上传的图像作为div的背景图像？: 我想在div中预览上传的图像文件。我做了一些研究，我从这篇文章中找到了这段代码，它是预览上传图像文件的代码，但是在标签中： function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(‘https://stackoverflow.com/questions/16312930/how-to-preview-an-uploaded-image-as-the-background-image-of-a-div/#blah’).attr(‘src’, e.target.result); } reader.readAsDataURL(input.files[0]); } } 相关的HTML：很酷。但是，我想要的是将上传的图像显示为div的背景图像，其示例如下：我知道，从逻辑上讲，我必须更换 $(‘https://stackoverflow.com/questions/16312930/how-to-preview-an-uploaded-image-as-the-background-image-of-a-div/#blah’).attr(‘src’, e.target.result); 有类似的东西 $(‘div.image’).attr(‘style’, e.target.result); 。但是如何使图像的路径进入“背景图像”属性的值？是的，我需要链接到JQuery库吗？谢谢。

创建自定义上传进度条: 我已经看过所有上传进度条插件，小部件等等 – 它们都很糟糕。它们要么太笨重而且没有太多无用的代码，要么它们不起作用。我想知道的是我可以在哪里阅读如何显示简单的上传进度指示器。大多数浏览器下面都有一个状态进度条，但在与客户交易时使用它并不是很专业。浏览器如何做到这一点？我想知道浏览器如何工作的内部用于指示上传内容的状态，这样我可以使用PHP和jquery制作一些内容。谢谢。

php＆jquery立即上传图像并预览显示: 我期待创建一个用户可以浏览的上传模块，点击打开，它将立即显示该图像的预览，而无需单击提交按钮，以便用户可以继续键入其他信息。我在下面做了一个简单但不完整的jquery，它基本上捕获了图像名称。但我的问题是如何将上传图像发布到php脚本，因为POST没有提交按钮？我无法捕获$ _FILES数组值。 jQuery的： $(document).ready(function() { $(“#uploadimage”).change(function() { var imagesrc = $(“#uploadimage”).val(); $.post(“/script/ajax_uploadimage.php”, $(“#formuploadimage”).serialize(), function(data){ //do something here },”json”); }); }); HTML格式： Image: Upload a photo: 我已经看到了Uploadify可以做什么，但我想自己创建一个。问候

jQuery相当于XMLHttpRequest的上传？: 使用HTML5的File API，上传是通过XMLHttpRequest名为upload的对象完成的。这是我正在使用的教程（以及Google缓存镜像，因为它现在已经关闭）。这是相关部分： // Uploading – for Firefox, Google Chrome and Safari xhr = new XMLHttpRequest(); // Update progress bar xhr.upload.addEventListener(“progress”, function (evt) { 如您所见，为了跟踪上传进度， XMLHttpRequest对象有一个名为upload的属性，我们可以添加一个事件处理程序。我的问题是： jQuery是一个等价的吗？。我试图让代码尽可能干净，并且尽可能地跨浏览器兼容，因为每当微软认为这是一个好主意时（虽然它听起来像是在2012年或2013年）。

HTML5可恢复和分块上传大文件（> 500MB）: 是否可以使用HTML5（BLOB API）实现大尺寸文件（> 500MB）的可恢复和切片（分块）上传？我尝试使用https://github.com/blueimp/jQuery-File-Upload 。在文档中，它表示支持：可恢复上传：可以使用支持Blob API的浏览器恢复中止上传。分块上传：大型文件可以使用支持Blob API的浏览器以较小的块上传。但它似乎试图在RAM中加载文件，甚至挂起我的系统。有没有人遇到过这样的问题解决方案是什么？也许HTML5不合适？