Javascript PHP-jqueryajax裁剪图像上传前使用cropie插件

Javascript PHP-jqueryajax裁剪图像上传前使用cropie插件,javascript,php,jquery,css,ajax,Javascript,Php,Jquery,Css,Ajax,我已经编写了使用PHP、jQuery和带有Croppie插件的Ajax裁剪图像的代码 我还试图用它添加输入值。 但我不知道如何使用PHP通过ajax发布输入值。 我的意思是说,当我上传图像时,我希望输入值也和图像一起发布 请检查以下代码以供参考:- $uploadCrop=$(“#上传演示”).cropie({ enableExif:true, 视口:{ 宽度:853, 身高:292, 类型:“” }, 边界:{ 宽度:853, 身高:292 } }); $('#upload')。on('ch

我已经编写了使用PHP、jQuery和带有Croppie插件的Ajax裁剪图像的代码

我还试图用它添加输入值。
但我不知道如何使用PHP通过ajax发布输入值。
我的意思是说,当我上传图像时,我希望输入值也和图像一起发布

请检查以下代码以供参考:-

$uploadCrop=$(“#上传演示”).cropie({
enableExif:true,
视口:{
宽度:853,
身高:292,
类型:“”
},
边界:{
宽度:853,
身高:292
}
});
$('#upload')。on('change',function(){
var reader=new FileReader();
reader.onload=函数(e){
$UPLOADCROPE.CROPIE('bind'){
url:e.target.result
}).然后(函数(){
log('jQuery bind complete');
});
}
reader.readAsDataURL(this.files[0]);
});
$('.upload result')。在('click',函数(ev)上{
$uploadCrop.CROPIE('result'{
键入:“画布”,
大小:“视口”
}).然后(功能(resp){
$.ajax({
url:“upload.php”,
类型:“POST”,
数据:{“图像”:resp},
成功:功能(数据){
html='';
$(“#upload-demo-i”).html(html);
}
});
});
});

选择图像:


上传图像
那么您只想知道如何通过Ajax将标题添加到要发布的
数据中

这比你已经做的容易多了
如果你做到了

以下是如何:

data: {"title:":$("input[name='title']").val(),"image":resp}
您将使用PHP端的
$\u POST['title']
获得标题

我已经做了一个评论,很明显,Ajax被注释掉了…

但是将要发送的数据显示在控制台中。

“但它不起作用”还不够,您必须详细描述问题所在。阅读以了解如何相应地改进您的问题。好的……….我们阅读字段值并将其添加到随AJAX请求一起发送的
数据
对象中…您能否提供一些参考以帮助了解如何读取值并将其添加到数据中?@CBroe是读取输入值
数据的正确方法:{“image”:resp,id1:$('#id1').val()}