Tag: 上传

通过AJAX上传图片，不能在jQuery中使用serialize（）方法？

我发现使用AJAX上传图像似乎不能使用表单中指定的multipart，因为我的代码用于检查它的multipart（）是否从不起作用（在Java中）; if (context.isMultiPart() { System.out.println(“received Multipart data”); } else { System.out.println(“not multipart data!”); /* my code always prints this message in the upload handler uploadPost() */ } 我有这个HTML格式： Upload picture! Please specify file to upload: 以下是我的ajax代码，它将图像发送到地址/uploadPost上传处理程序。 我的Java代码中的uploadPost（）方法首先确定上传是否是多部分，但是，似乎ajax不会将图像作为multipart发送。 是因为我在表单上使用jQuery的serialize（）方法吗？ $(document).ready(function() { $(‘#imageUploadForm’).submit(function(evt) { var formData = $(‘#imageUploadForm’).serialize(); $.post(‘/uploadPost’, formData, uploadResults); evt.preventDefault(); }); // display the uploaded […]

jquery + flash：寻找在上传之前调整图片大小的插件

我正在寻找一个可以上传多个图像的jquery插件。 我尝试过uploadify，效果很好。 但是对于巨大的图像，它非常慢。 是什么类似uploadify在上传之前调整图像大小？ 谢谢

on file事件的变更事件

我有4个文件输入，我希望它们的值在更改时触发上传进程。 我的意思是当您选择图片并单击选择图像对话框上的打开时，将触发上传图片的脚本。 我使用过onchange事件，但我认为这不是正确的事件： JS： $(“input[type=file]”).on(‘change’,function(){ alert(this.val());//I mean name of the file }); HTML： 我该怎么办？

如何使用jQuery和xhr2进行文件上传（返回空$ _FILES）

我使用$ .ajax方法和xhr2使用$ .ajax方法上传文件。 当我将任何标准对象分配给$ .ajax参数数据时，$ _POST（php）中返回一个正确的非空数组。 JS： data : {name:”john doe”} PHP：print_r（$ _ POST） Array ( [name] => john doe ) 但是，当我将formData对象分配给参数数据以便上传文件时，$ _FILES（php）中返回一个空数组 JS： data : new FormData(document.getElementById(‘fileupload’)) PHP：print_r（$ _ FILES） Array ( ) 我的HTML代码是： UPLOAD 我的jQuery代码是： $(‘#submit’).click(function(){ var formData = new FormData(document.getElementById(‘fileupload’)); $.ajax({ url : “upload.php”, type: “POST”, data : formData, xhr: function(){ myXhr […]

如何使用jQuery从上传表单获取文件名？

我想使用jQuery获取上传文件的文件名。 但问题是，我得到了假的路径和文件名，而不是文件名。 这是我的表格。 而jQuery就是这样的 $(document).ready(function(){ $(‘#inputSubmit’).click(function(){ alert($(‘#uploadFile’).val()); }); }); 我使用Chrome并在警告框中获取此信息。 假设我选择名为filename.jpg的文件。 C:\fakepath\filename.jpg 我怎样才能获得文件名？ 谢谢您的帮助。

使用jQuery进行多文件上传

我知道之前已经问过这个问题，但是我遇到了多文件上传的问题。 我不想为此使用插件。 我想上传多个文件，将其保存到数据库并将它们存储到一个文件夹中。 在上传图像之前，我想以列表样式显示所有图像的名称。 我有一个删除按钮，在您选择文件时动态添加。 $(“#imagefile”).on(“change”, function() { var filename = v.name; var newfilenameshufflen = $(“#”+newfilenameshuff).length; if(newfilenameshufflen == 0 || newfilenameshufflen == “0”) { $(‘.list-group’).append(“”+filename+”Remove”); } }); 删除元素正在运行。 将图像上传到数据库也正如预期的那样工作。 但是在上传所有文件之前，我想让用户在删除它后添加相同的图像，但这不能按预期工作。 除非在其上添加不同的文件名，否则无法使用相同的文件名添加相同的图像。 $(document).on(“click”, “.removeFile”, function(e) { //clone the element and its children and remove the original var parentID = $(this).parent().attr(‘id’); var parentEl = $(“#”+parentID); parentEl.remove(); }); […]

使用codeigniter实现jquery上传插件’uploadify’

我怎么能在codeigniter中实现这个？ Uploadify（jQuery的） 我的意思是控制器是什么？ 如何追踪进度？ 如果用户没有安装flashplayer，会发生什么？ 我如何检查progess？ 有没有人用codeigniter试过这个？

带有附加数据的jQuery文件上传

我正在使用jQuery通过附加数据进行AJAX上传。 我正在关注它的Stackoverflow代码如何异步上传文件？ 我正在使用的代码如下： var formData = new FormData($(‘form’)[0]); $.ajax({ type: “POST”, url: “ajax/register.php”, dataType: “text”, data: { name: $(“#name”).val(), city: $(“#city”).val(), image: formData }, success: function(text) { if(text == “data ok pic ok”) { window.location = “reg3.php”; } else { errorMessage(text); } }, cache: false, contentType: false, processData: false }); }); 问题是，如果我删除与文件相关的代码，例如 var formData = […]

使用jquery和handler（ashx）上传文件

我正在尝试使用带有处理程序（c＃）的jquery ajax上传文件。 问题是，当我调用处理程序时，我得到了 context.Request.File.Count=0 这是aspx代码： $().ready(function () { $(‘#save’).click(function (e) { CalluploaderHandler(); }); }); function CalluploaderHandler() { $.ajax({ type: “POST”, url: “Services/UPloader.ashx”, contentType: “application/json; charset=utf-8”, success: OnComplete, error: OnFail }); return false; } function OnComplete(result) { alert(‘Success’); } function OnFail(result) { alert(‘Request failed’); } Filename: c＃代码处理程序： /* handler*/ public void ProcessRequest(HttpContext context) { string savedFileName […]

PHP标头不适用于Access-Control-Allow-Origin

我正在使用Blueimp的jQuery File Upload插件将图像上传到服务器。 问题是，发送服务器是admin.example.com ，存储图像的接收服务器位于www.example.com 。 相同的域，不同的子域。 我按照这里关于设置跨域上传的说明进行操作，就代码而言，一切似乎都是正确的，但是当我尝试上传图像时，我收到此错误： XMLHttpRequest cannot load http://www.example.com/upload/. Origin http://admin.example.com is not allowed by Access-Control-Allow-Origin. 上传文件夹具有读写权限。 我将在下面发布我的代码 – 如果有人可以告诉我如何解决这个问题，请告诉我。 之前我曾经问过这个问题，并且会尝试其他一些解决方案（iframe上传和ftp文件移动）。 这些都不适合我的情况，如果我能这样做就最简单…… 接收服务器 index.php <?php error_reporting(E_ALL | E_STRICT); require('UploadHandler.php'); $upload_handler = new UploadHandler(); 发送服务器 main.js $(function () { ‘use strict’; // Initialize the jQuery File Upload widget: $(‘#fileupload’).fileupload({ // Uncomment the following […]