JQuery: получить элемент изображения из URL

Question

JQuery: получить элемент изображения из URL

0

В JQuery, как я могу получить элемент изображения из url?

Например,

<input type="file" id="fileInput"/>
var fileInput = document.getElementById('fileInput');

Здесь это делается через сборщик файлов в html5. Но как я могу получить изображение только из URL?

Мое требование - получить изображение с URL-адреса.

    var fileInput = document.getElementById('fileInput');  //instead of this how could i get element from url
    var fileDisplayArea = document.getElementById('fileDisplayArea');


    fileInput.addEventListener('change', function(e) {
        var file = fileInput.files[0];
        var imageType = /image.*/;

        if (file.type.match(imageType)) {
            var reader = new FileReader();

            //save to file api  
        } else {
            fileDisplayArea.innerHTML = "File not supported!";
        }
    });

Пожалуйста, помогите, спасибо

Erma Isabel 29 нояб. 2013, в 06:33

Источник

0

Вы хотите отобразить изображение или просто создать объект Image
Arun P Johny 29 нояб. 2013, в 05:03
0

Чтобы не просто отображать, мне нужно сохранить его в файле API HTML5.
Erma Isabel 29 нояб. 2013, в 05:04

Теги:

javascript

jquery

html5

1 ответ

Ещё вопросы

Вы хотите отобразить изображение или просто создать объект Image
Чтобы не просто отображать, мне нужно сохранить его в файле API HTML5.

danny.hu · Answer 1 · 2013-11-29T04-12-00.000Z

Сделайте так:

var fileInput = document.getElementById('fileInput'); // вместо этого, как я могу получить элемент из url var fileDisplayArea = document.getElementById('fileDisplayArea');

fileInput.addEventListener('change', function(e) {
    var file = fileInput.files[0];
    var imageType = /image.*/;

    if (file.type.match(imageType)) {
        var reader = new FileReader();

        reader.onload = (function(file){
                           return function(e){
                                    // do something
                                  }
                        })(file) 
       reader.readAsDataURL(file):
    } else {
        fileDisplayArea.innerHTML = "File not supported!";
    }
});

Чтение файлов в JavaScript с помощью API файлов

Спасибо. И мне жаль, если мой вопрос не ясен. Мое требование - прочитать изображение с URL. Здесь он принимает изображение из файла выбора.