小编Fos*_*for的帖子

我想在这里做的是在Dropzone.js将丢弃的图像发送到服务器之前,使用cropper.js(fengyuanchen脚本)出现一个模态,这样用户就可以裁剪图像,当裁剪图像时,使用Dropzone.js发送它到服务器.

因此,当我使用函数fileToBase64更改#cropbox的图像src并使用函数cropper('replace')替换cropper的图像时,它会一直显示default.jpg图像,而不是从用户上传的新图像

HTML

<div class="wrapper-crop-box">
    <div class="crop-box">
        <img src="default.jpg" alt="Cropbox" id="cropbox">
    </div>
</div>

JS:

function fileToBase64(file) {
  var preview = document.querySelector('.crop-box img');
  var reader  = new FileReader();

  reader.onloadend = function () {
    preview.src = reader.result;
  }

  if (file) {
    reader.readAsDataURL(file);
  } else {
    preview.src = "";
  }
}

$(function() {
    Dropzone.options.avtDropzone = {
        acceptedFiles: 'image/*',
        autoProcessQueue: true,
        paramName: 'file',
        maxFilesize: 2,
        maxFiles: 1,
        thumbnailWidth: 200,
        thumbnailHeight: 200,
        accept: function(file, done) {
            fileToBase64(file); 
            $('#cropbox').cropper('replace', $('#cropbox').attr('src'));
            $('.wrapper-crop-box').fadeIn();
            done();
        },
        init: function() { …

我有一个movies带有两个外键(movie_id,genre_id)的table().当然,这两个领域都不是唯一的.

所以我的问题如下,我想选择一部有两种或两种以上特定类型的电影.所以我想做一些事情:

SELECT movie_id 
FROM movies
WHERE genre_id = 1 AND genre_id = 2 AND genre_id = 3

关于如何做的任何想法？谢谢!