代码如下:
Maison interface Web js tutoriel 兼容IE和FF的图片上传前预览js代码_javascript技巧

兼容IE和FF的图片上传前预览js代码_javascript技巧

May 16, 2016 pm 05:33 PM
预览

效果图如下:
兼容IE和FF的图片上传前预览js代码_javascript技巧 
代码如下:

复制代码 代码如下:





本地图片预览

";
}
}
function clacImgZoomParam( maxWidth, maxHeight, width, height ){
var param = {top:0, left:0, width:width, height:height};
if( width>maxWidth || height>maxHeight )
{
rateWidth = width / maxWidth;
rateHeight = height / maxHeight;

if( rateWidth > rateHeight )
{
param.width = maxWidth;
param.height = Math.round(height / rateWidth);
}else
{
param.width = Math.round(width / rateHeight);
param.height = maxHeight;
}
}

param.left = Math.round((maxWidth - param.width) / 2);
param.top = Math.round((maxHeight - param.height) / 2);
return param;
}




兼容IE和FF的图片上传前预览js代码_javascript技巧






Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment implémenter le défilement des images et l'aperçu des vignettes dans Vue ? Comment implémenter le défilement des images et l'aperçu des vignettes dans Vue ? Aug 18, 2023 pm 01:51 PM

Comment implémenter le défilement des images et l'aperçu des vignettes dans Vue ? Dans les projets Vue, nous devons souvent afficher un grand nombre d'images et espérer que les utilisateurs pourront parcourir et prévisualiser ces images facilement. Cet article explique comment utiliser les composants Vue pour implémenter les fonctions de défilement d'images et d'aperçu des vignettes. Tout d'abord, nous devons installer et introduire la bibliothèque Vue appropriée pour faciliter le défilement des images et l'aperçu des vignettes. Dans cet exemple, nous utiliserons les deux bibliothèques vue-awesome-swiper et vue-image-preview pour implémenter

Accès anticipé aux futures fonctionnalités Safari Technology Preview 173 publié Accès anticipé aux futures fonctionnalités Safari Technology Preview 173 publié Jul 02, 2023 pm 01:37 PM

Apple a publié aujourd'hui la version 173 de Safari Technology Preview, qui couvre certaines fonctionnalités susceptibles d'être lancées dans Safari 17. Cette version convient à la version bêta de macOS Sonoma et au système macOS Ventura. Les utilisateurs intéressés peuvent la télécharger sur le site officiel. Safari Technology Preview version 173 ajoute un bloc d'indicateur de fonctionnalité dans les paramètres, remplaçant la fonctionnalité expérimentale dans le menu de développement d'origine. Cette section permet aux développeurs de rechercher rapidement des fonctionnalités spécifiques et marque le statut comme « stable », « disponible pour les tests », « aperçu » ou « développeur » sous différentes formes. Le menu de développement repensé permet aux créateurs de trouver plus facilement les outils clés pour créer des pages Web, des applications Web, du contenu Web dans d'autres applications,

Comment implémenter le téléchargement et l'aperçu d'images de formulaire dans le traitement des formulaires Vue Comment implémenter le téléchargement et l'aperçu d'images de formulaire dans le traitement des formulaires Vue Aug 10, 2023 am 11:57 AM

Comment implémenter le téléchargement et l'aperçu d'images de formulaire dans le traitement de formulaire Vue Introduction : Dans les applications Web modernes, le traitement de formulaire est une exigence très courante. Une exigence courante consiste à permettre aux utilisateurs de télécharger des images et de les prévisualiser dans un formulaire. En tant que framework front-end, Vue.js nous fournit une multitude d'outils et de méthodes pour répondre à cette exigence. Dans cet article, je vais vous montrer comment implémenter les fonctions de téléchargement et d'aperçu d'images dans le traitement des formulaires Vue. Étape 1 : Définir les composants Vue Tout d'abord, nous devons définir un groupe Vue

Comment implémenter le téléchargement et l'aperçu d'images dans Uniapp Comment implémenter le téléchargement et l'aperçu d'images dans Uniapp Oct 21, 2023 am 11:48 AM

Comment implémenter le téléchargement et l'aperçu d'images dans uniapp Dans les applications modernes de réseaux sociaux et de commerce électronique, les fonctions de téléchargement et d'aperçu d'images sont des exigences très courantes. Cet article expliquera comment implémenter les fonctions de téléchargement et de prévisualisation d'images dans uniapp, et donnera des exemples de code spécifiques. 1. Implémentation de la fonction de téléchargement d'images Dans le projet uniapp, vous devez d'abord ajouter un composant de téléchargement d'images à la page, comme indiqué ci-dessous : <template><view><im

Comment télécharger et prévisualiser des images via Vue ? Comment télécharger et prévisualiser des images via Vue ? Aug 19, 2023 pm 09:25 PM

Comment télécharger et prévisualiser des images via Vue ? Présentation : dans les applications Web modernes, le téléchargement et la prévisualisation d'images sont une exigence courante. Vue, en tant que framework JavaScript populaire, fournit un moyen pratique d'atteindre cette fonction. Cet article expliquera comment utiliser Vue pour télécharger et prévisualiser des images, y compris la conception de l'interface frontale et le traitement de l'interface back-end. Conception de l’interface frontale : Tout d’abord, nous devons concevoir une interface frontale pour sélectionner et télécharger des images. Dans Vue, nous pouvons utiliser <i

Que dois-je faire si tout ne peut pas être affiché lors de la prévisualisation et de l'impression ? Que dois-je faire si tout ne peut pas être affiché lors de la prévisualisation et de l'impression ? Mar 01, 2023 pm 02:45 PM

Solution au problème selon lequel tout ne peut pas être affiché lors de la prévisualisation et de l'impression : 1. Ouvrez le formulaire WPS Office et cliquez sur « Aperçu avant impression » dans le coin supérieur gauche de la zone de la barre de travail. 2. Accédez à la page d'aperçu avant impression et cliquez sur « Rapport d'échelle » ; ; 3. Dans la liste déroulante qui apparaît, sélectionnez le rapport applicable parmi "Paysage" ou "Portrait".

Résoudre le problème de rapport d'erreurs du programme d'aperçu Win11 Résoudre le problème de rapport d'erreurs du programme d'aperçu Win11 Jan 14, 2024 pm 05:33 PM

Nous pouvons mettre à jour et mettre à niveau le système Windows 11 dans le programme de prévisualisation du système Windows, mais de nombreux amis ont rencontré le code d'erreur 0x0 en rejoignant le programme de prévisualisation. C'est parce qu'il manque une partie du registre dans notre système. Pour le résoudre, examinons-le ensemble. Comment gérer les erreurs dans le programme d'aperçu win11 Méthode 1 : 1. Si notre système n'est pas la dernière version du système, nous pouvons essayer de le mettre à jour dans la mise à jour du système. Méthode 2 : 1. L’erreur peut également être un problème avec le registre. Nous pouvons essayer d’utiliser l’outil de réparation du registre pour la réparer. Troisième méthode : 1. Téléchargez le système win11 directement depuis ce site et installez-le. 2. Après le téléchargement, installez-le simplement selon le tutoriel fourni sur ce site.

Que dois-je faire si le système Win7 ne peut pas prévisualiser normalement la séquence de traitement des documents Word2010 ? Que dois-je faire si le système Win7 ne peut pas prévisualiser normalement la séquence de traitement des documents Word2010 ? Jun 29, 2023 pm 03:32 PM

Que dois-je faire si le système Win7 ne peut pas prévisualiser normalement la séquence de traitement des documents Word2010 ? À mesure que l'utilisation des ordinateurs devient de plus en plus élevée, nous pouvons parfois rencontrer le problème selon lequel le système Win7 ne peut pas prévisualiser le document Word2010 normalement. Si nous rencontrons le problème selon lequel le système Win7 ne peut pas prévisualiser le document Word2010 normalement, comment résoudre ce problème. le système win7 ne peut pas prévisualiser le document Word2010 normalement. Où sont les documents ? De nombreux amis ne savent pas comment fonctionner en détail. L'éditeur ci-dessous a trouvé la solution à la séquence de traitement du système Win7 qui ne peut pas prévisualiser normalement les documents Word 2010. Si vous êtes intéressé, suivez l'éditeur pour jeter un œil ci-dessous ! Que dois-je faire si le système Win7 ne peut pas prévisualiser normalement la séquence de traitement des documents Word2010 ?

See all articles