Tag: 上传

jQuery AJAX文件上传PHP

我想在我的Intranet页面上实现一个简单的文件上传,尽可能小的设置。 这是我的HTML部分: Upload 这是我的JS jquery脚本: $(“#upload”).on(“click”, function() { var file_data = $(“#sortpicture”).prop(“files”)[0]; var form_data = new FormData(); form_data.append(“file”, file_data); alert(form_data); $.ajax({ url: “/uploads”, dataType: ‘script’, cache: false, contentType: false, processData: false, data: form_data, type: ‘post’, success: function(){ alert(“works”); } }); }); 在网站的根目录中有一个名为“uploads”的文件夹,其中包含“users”和“IIS_users”的更改权限。 当我选择具有文件格式的文件并按下上传按钮时,第一个警报返回“[object FormData]”。 第二个警报没有被调用,“uploads”文件夹也是空的!? 有人可以帮助我找出错误吗? 下一步应该是,用服务器端生成的名称重命名文件。 也许有人可以给我一个解决方案。

有没有办法使用AJAX / jQuery上传图像而不使用Flash或iframe?

还试图避免使用任何插件,(除了jQuery当然,你是否会称之为插件)。 我已经有一个大型系统,并不真的想用大量插件加载它。 当然,如果我也需要,我会寻找一些非常轻的东西。

Jquery ajax fileupload通过php

我的php fileupload有问题,我在jquery中通过ajax使用它。 这是我在php上传文件中的代码: if ($_FILES[“file”][“error”] > 0) { echo “Return Code: ” . $_FILES[“file”][“error”] . “”; } else { move_uploaded_file($_FILES[“file”][“tmp_name”],”termine.csv”); echo “Stored in: ” . $_FILES[“file”][“name”]; } 这是我的jquery ajax声明: $(‘#upload_csv’).click( function() { $.ajax({ url: ‘/playground/php/updatedates.php’, type: ‘POST’, data: $(‘form#csv’).serialize(), }).done(function(txt) { if(txt!=”)alert(txt); }); }); 这是我在index.php文件中的表单: 我得到的唯一错误消息是“错误”而没有别的。 希望有人可以提供帮助。

如何将上传文件的URL添加到脚本中

上传完成后,我新上传的文件的URL为 如何将上传文件的URL添加到我的脚本中? script stuff.use this.etc (‘http://path-to-my-file.jpg’) }); 在此先感谢您的任何帮助! 编辑: 我用了: var myurl = document.getElementById(“uploaded-file”).getElementsByTagName(“img”)[0].src; 然后替换硬编码的url: Layer_3.mousedown(function() { this.animate({ fill: ‘url(“http://farm5.staticflickr.com/4067/4584507098_b887327eae.jpg”)’ }, 600); }); 同 Layer_3.mousedown(function() { this.animate({ fill: ‘url(‘ + myurl + ‘)’ }, 600); }); 这是JSFiddle

调试由jQuery调用的PHP文件

我正在使用uploadify(一个jQuery上传)脚本,它在后端基本上有一个PHP文件。 我想对PHP代码进行某种调试(例如,看看我在PHP文件中遇到了什么样的错误(当它被jQuery调用时),但我不知道如何打印错误。例如原始的PHP文件是: 现在举例来说,我在上面的代码中在move_uploaded_file()之前添加一行。 die(“die befor moving file”); 当脚本调用此PHP文件时,它不会转到下一行,但它也不会打印消息。 如何打印错误消息? 如果不能这样做,我可以显示一些javascript警报消息。 想法是知道PHP文件中的错误在哪里。 谢谢。 这是前端上传页面代码: $(document).ready(function() { $(“#fileUpload”).fileUpload({ ‘uploader’: ‘uploadify/uploader.swf’, ‘cancelImg’: ‘uploadify/cancel.png’, ‘script’: ‘uploadify/upload.php’, ‘folder’: ‘files’, ‘multi’: false, ‘displayData’: ‘speed’ }); }); Uploadify Sample Single File Upload Display speed You have a problem with your javascript

AJAX上传+ Coldfusion

我正在使用以下JQUERY插件上传想法: http://valums.com/ajax-upload/ 出于某种原因,我收到以下错误: The cffile action=”upload” requires forms to use enctype=”multipart/form-data”. 即使插件代码有它: var form = qq.toElement(”); 任何想法可能是什么问题?

上传非常大的文件(> 5GB)

我需要你的帮助。 我想用HTML,JQuery和PHP创建一个上传脚本。 是否可以编写一个可以上传非常大的文件(> 5 GB)的脚本? 我已经尝试使用FileReader,FormData和Blob,但即使有这些,我也无法上传大文件(我的浏览器在选择大文件后崩溃)。 PS:我想自己写。 不要发布任何已完成的脚本。 问候

如何避免文件上传时的CORS预检请求?

我使用jquery-fileupload来允许用户将文件上传到外部服务(Cloudinary更具体): $(‘.cloudinary-fileupload’).fileupload(); 由于它是外部目标,浏览器会启动CORS请求。 但是,我注意到浏览器会预先设置CORS预检请求。 http://www.html5rocks.com/en/tutorials/cors/提供了关于何时触发预检请求以及何时未触发预检请求的非常好的见解。 据我所知,我的请求满足了作为CORS简单请求的所有标准(请参阅“CORS请求类型”一节 )。 发送到外部服务的文件上载请求 : POST /v1_1/wya/image/upload HTTP/1.1 Host: api.cloudinary.com Connection: keep-alive Content-Length: 22214 Accept: */* Origin: http://wya.herokuapp.com User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.107 Safari/537.36 Content-Type: multipart/form-data; boundary=—-WebKitFormBoundarym73rCIa6t8eTNkTa Referer: http://wya.herokuapp.com/ Accept-Encoding: gzip,deflate,sdch Accept-Language: sv-SE,sv;q=0.8,en-US;q=0.6,en;q=0.4,de;q=0.2 在文件上载请求之前发送到外部服务的附加预检请求: OPTIONS /v1_1/wya/image/upload HTTP/1.1 Host: api.cloudinary.com Connection: keep-alive Access-Control-Request-Method: POST […]

jQuery上传插件与JSP / Java一起使用

我正在努力完成以下任务: 通过向JSP操作提交表单(enctype:multipart / form-data)将文件上载到应用程序,该操作处理其余部分(包括将文件写入磁盘,处理并返回有关上载的一些xml数据)。 直到最近,我才使用这个插件: http : //valums.com/ajax-upload/ 由于两个原因,这不能很好地工作: 它在Internet Explorer上中断 代码是用一半jquery,半原生javascript编写的,而不是你通常的插件创作forms,这使得调试变得更加困难。 我还查看了Uploadify( http://www.uploadify.com/ ),但它采用了一种完全不同的方法,需要进行大量的后端更改。 你知道任何类似的提交forms隐藏/跨浏览器兼容的submit-form-in-hidden-iframe插件吗? 或者我缺少的替代解决方案? 请注意,由于具体要求,我不能使用常规。 谢谢。

jQuery AjaxUpload,必须单击两次按钮?

我正在使用带有jQuery的AjaxUpload插件,并且大部分工作都很好,但我必须单击我的按钮两次才能执行它。 我猜这是一个范围问题……或者(?)还在学习…… 这是我的代码: $(“.upload-button”).live(“click”, function(event) { event.preventDefault(); var currentId = $(this).closest(“div”).attr(“id”).replace(“slide-“, “”); new AjaxUpload($(this), { action: “./php/upload.php”, name: ‘userfile’, autoSubmit: true, onSubmit: function(file , ext) { }, onComplete: function(file, response) { // enable upload button // this.enable(); $(“#slide-” + currentId).find(“.movie-image”).attr(“src”, baseImgPath + file); $(“#mImg” + currentId).val(file); } }); 任何想法都表示赞赏。 🙂