ajax 发送中,如何在ajax请求中发送图像？

我认为我的架构也是错误的。我不知道如何在没有全局变量的情况下做到这一点。现在当我尝试发送我的ajax请求时，我得到Uncaught TypeError: Illegal invocation。我认为错误的是我无法通过我的ajax请求发送一个对象。

我的代码：

(function ($) {

$( document ).ready(function() {

var file;

// load the picture

function readURL(input) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function (event) {

$('#imageChosen').attr('src', event.target.result);

}

reader.readAsDataURL(input.files[0]);

}

//Display the picture

$('#fileInput').change(function(){

file = this;

readURL(this);

});

$( "#order_button" ).on( "click", function() {

var name = $('#name').val();

var email = $('#email').val();

var address = $('#address').val();

var co_address = $('#co_address').val();

var city = $('#city').val();

var image = file.files[0];

updateDB(name, email, address, co_address, city, image);

});

//update database with posted values

function updateDB(name, email, address, co_address, city, image){

$.ajax({

url: '/wp-admin/admin-ajax.php',

type: 'POST',

dataType: 'json',

data: {

action: 'det_lilla_extra',

image: image,

name: name,

email: email,

address: address,

co_address: co_address,

city: city

success: function (data) {

console.log("success: " + data);

$('.block-center').append('');

//clearInputfields();

//successMessage();

error: function (jqXHR, textStatus, errorThrown) {

console.log("jqXHR: " + jqXHR);

console.log("textStatus: " + textStatus);

console.log("errorThrown: " + errorThrown);

}

});

}

});

})(jQuery);

ajax 发送中,如何在ajax请求中发送图像？相关推荐

Ubuntu中如何在vi编辑器中显示行号
Ubuntu中如何在vi编辑器中显示行号 1.首先打开Ubuntu终端,输入 sudo vim /etc/vim/vimrc2.进入到vim配置文件中后,直接键入大写G,快速定位到文件末尾.3.在文件 ...
C# 发送带cookie的http请求_C#发送请求带cookie
C# 发送带cookie的http请求_C#发送请求带cookie 一.Get请求带cookie 发送带cookie的请求,最好带上浏览器代理字符串: Mozilla/5.0 (Windows NT ...
java 拦截器响应中取所有参数,spring boot拦截器中获取request post请求中的参数
最近有一个需要从拦截器中获取post请求的参数的需求,这里记录一下处理过程中出现的问题. 首先想到的就是request.getParameter(String )方法,但是这个方法只能在get请求中取 ...
拦截器获取请求参数post_spring boot拦截器中获取request post请求中的参数
最近有一个需要从拦截器中获取post请求的参数的需求,这里记录一下处理过程中出现的问题. 首先想到的就是request.getParameter(String )方法,但是这个方法只能在get请求中取 ...
ajax 执行成功 modal 关闭_Ajax请求中的async:false/true的作用
前言: 昨天在做倒计时修改的时候,发现多次点击按钮,我明明做了限制,点击多次的时候发现怎么都会请求了两次,然后我写的是请求成功添加文字,结果总是会添加两次文字, 说明ajax请求了两次了,在网上查了下 ...
java soap envelope_如何在SOAP请求中关闭Envelope和Body
这对我目前的项目至关重要 . 我使用Windows Web服务在C中编写了一个客户端 . 该客户端与Clickatell SMS SOAP Web服务进行通信 . 我已使用SOAPUI工具测试了请求并 ...
接口测试如何在post请求中传递文件
在做接口测试的时候往往会遇到文件上传的接口,今天教大家如何使用apipost进行文档上传操作. 1.打开apipost,新建一个关于文件上传的接口 2.找到body这个选项,输入文件对应的参数名,在然 ...
Unix/Linux操作系统中如何在sqlplus/rman中使用方向键
默认情况下在Unix/Linux中使用Oracle的sqlplus/rman是无法使用↑↓←→几个方向键进行操作的,要想达到Windows下使用sqlplus/rman的效果需要安装rlwrap. r ...
linux脚本中如何调用函数,在Linux中如何在Perl脚本中调用函数(在shell脚本中定义)...
我有两个脚本,即 shell_script.sh和perl_script.pl. shell_script.sh:它有函数定义,当从Perl脚本调用时,它将以批处理模式在Linux上执行某些命令. p ...

ajax 发送中,如何在ajax请求中发送图像？

ajax 发送中,如何在ajax请求中发送图像？相关推荐

最新文章

热门文章