Javascript jquery cropbox如何上传图像

Javascript jquery cropbox如何上传图像,javascript,php,image,file,Javascript,Php,Image,File,jquery有一个插件。 我只是不知道如何提取这个裁剪过的图像并将其放入$_文件(php),以便将其保存到我的服务器文件夹中 您可以通过图像的数据属性来完成 为了完成上述过程(加载图像文件的预览),HTML5的FileReaderAPI 使用FileReader API实际上很简单,可以这样做: Javascript var logo = document.getElementById("logo").files[0]; // will return a File object containi

jquery有一个插件。
我只是不知道如何提取这个裁剪过的图像并将其放入$_文件(php),以便将其保存到我的服务器文件夹中

您可以通过图像的数据属性来完成

为了完成上述过程(加载图像文件的预览),HTML5的FileReaderAPI

使用FileReader API实际上很简单,可以这样做:

Javascript

var logo = document.getElementById("logo").files[0]; // will return a File object containing information about the selected file
// File validations here (you may want to make sure that the file is an image)

var reader = new FileReader();
reader.onload = function(data) {
  // what you want to do once the File has been loaded
  // you can use data.target.result here as an src for an img tag in order to display the uplaoded image
  someImageElement.src = data.target.result; // assume you have an image element somewhere, or you may add it dynamically
}
reader.readAsDataURL(logo);
您可以将这段代码放在onchange事件处理程序中,我想这里不需要AJAX


然后,当表单提交时,可以在$\u文件数组中的通常位置获取图像数据。

“获取结果裁剪图像作为数据URL或二进制blob以将其上载到服务器”。他们的例子显示了一个下载。。。请参见
img.getDataURL()
,您只需将其发布到服务器即可。也许吧。你可以在上查一个简单的教程,如果有帮助,你能接受答案并投票吗?