Как вызвать следующую функцию, чтобы исправить ориентацию предпросмотра фото. На стороне сервера это делается с php. заранее спасибо - PullRequest
Новая
       119

Как вызвать следующую функцию, чтобы исправить ориентацию предпросмотра фото. На стороне сервера это делается с php. заранее спасибо

0 голосов
/ 13 апреля 2020

У меня есть этот код, который отлично работает. У меня есть этот код, который отлично работает. У меня есть этот код, который отлично работает. У меня есть этот код, который отлично работает. "> 

   <div class="yes">
    <span class="btn_upload">
      <input type="file" id="imag1"  name="imag1" title="" />
      Choose Image1
      </span>
    <img id="ImgPreview1" src="" class="preview1" />
    <input type="button" id="removeImage1" value="x" class="btn-rmv1" />
  </div>  
  <input type="submit" value="Upload Image" name="submit">
</form>

<script>
$("#imag1").change(function() {
  // add your logic to decide which image control you'll use
  var imgControlName = "#ImgPreview1";
  readURL(this, imgControlName);
     $('.preview1').addClass('it');
  $('.btn-rmv1').addClass('rmv');
});
</script>

<script>
function readURL(input, imgControlName) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    reader.onload = function(e) {
      $(imgControlName).attr('src', e.target.result)
    }
    reader.readAsDataURL(input.files[0]);
  }
}
</script>

Я просто хочу позвонить, когда пользователь загружает фотографию со своего телефона, следующую функцию для корректировки ориентации предварительного просмотра фотографии. На стороне сервера это делается с помощью php. Спасибо заранее. 

<script>
function fixExifOrientation($img) {
    $img.on('load', function() {
        EXIF.getData($img[0], function() {
            console.log('Exif=', EXIF.getTag(this, "Orientation"));
            switch(parseInt(EXIF.getTag(this, "Orientation"))) {
                case 2:
                    $img.addClass('flip'); break;
                case 3:
                    $img.addClass('rotate-180'); break;
                case 4:
                    $img.addClass('flip-and-rotate-180'); break;
                case 5:
                    $img.addClass('flip-and-rotate-270'); break;
                case 6:
                    $img.addClass('rotate-90'); break;
                case 7:
                    $img.addClass('flip-and-rotate-90'); break;
                case 8:
                    $img.addClass('rotate-270'); break;
                                default:
                                $img.addClass('rotate-90'); 
            }
        });
    });
}
</script>
...