简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Collez un élément de contenu avec des images et du texte, comment utiliser js pour obtenir une image et la télécharger sur le serveur?
扔个三星炸死你
扔个三星炸死你 2017-06-24 09:43:22
0
1
1236

Je dois coller un élément de contenu avec du texte et des images, mais les images doivent être téléchargées séparément sur le serveur. Comment sélectionner les images à partir du contenu collé. .

扔个三星炸死你
扔个三星炸死你

répondre à tous (1)
小葫芦
小葫芦2017-06-24 09:45:22 1 plancher

Idée générale :

  1. Écoutez l'événement onpaste

  2. Obtenez les données du presse-papiers via le paramètre d'événement dans le rappel d'événementevent.clipboardData(non pris en charge par tous les navigateurs)

    // '/image/.test(event.clipboardData.types)' // 检查是否为图片 // 获取图片二进制数据（似乎浏览器的实现都会有大小差异） Array.each(event.clipboardData.items, function(item){ if (/image/.test(item.type)) { var blob = item.getAsFile(); var URL = window.URL || window.webkitURL; var source = URL.createObjectURL(blob); console.log(source) } });

  3. Envoyez les données au serveur backend via Ajax. Une fois que le backend a stocké l'image, il renvoie une adresse accessible de l'image

    4. .

  4. Visitez cette adresse pour voir les photos

Comme+0
Ajouter une réponse
    Sujets populaires
    Plus>
    Articles populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！