Question

jquery https://github.com/acornejo/jquery-cropbox有一个插件。我只是不明白如何提取这个裁剪的图像并将其放入$ _FILES（php），所以我可以将它保存到我的服务器文件夹中。

Answer 1

您可以通过图像的DATA属性来完成。

执行上述过程（加载图像文件的预览），HTML5的FileReader API。

使用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。

然后，当提交表单时，可以在$ _FILES数组中的通常位置获取图像数据。

jquery cropbox如何上传图片

1 个答案: