代码如下:
Heim Web-Frontend js-Tutorial 兼容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技巧






Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie implementiert man das Scrollen von Bildern und die Vorschau von Miniaturansichten in Vue? Wie implementiert man das Scrollen von Bildern und die Vorschau von Miniaturansichten in Vue? Aug 18, 2023 pm 01:51 PM

Wie implementiert man das Scrollen von Bildern und die Vorschau von Miniaturansichten in Vue? In Vue-Projekten müssen wir häufig eine große Anzahl von Bildern anzeigen und hoffen, dass Benutzer diese Bilder problemlos durchsuchen und in der Vorschau anzeigen können. In diesem Artikel wird erläutert, wie Vue-Komponenten zum Implementieren von Bildlauf- und Miniaturansichtsvorschaufunktionen verwendet werden. Zuerst müssen wir die entsprechende Vue-Bibliothek installieren und einführen, um das Scrollen von Bildern und die Vorschau von Miniaturansichten zu erleichtern. In diesem Beispiel verwenden wir zur Implementierung die beiden Bibliotheken vue-awesome-swiper und vue-image-preview

Frühzeitiger Zugriff auf zukünftige Funktionen Safari Technology Preview 173 veröffentlicht Frühzeitiger Zugriff auf zukünftige Funktionen Safari Technology Preview 173 veröffentlicht Jul 02, 2023 pm 01:37 PM

Apple hat heute die Safari Technology Preview Version 173 veröffentlicht, die einige Funktionen abdeckt, die möglicherweise in Safari 17 eingeführt werden. Diese Version ist für die Betaversion von macOS Sonoma und das macOS Ventura-System geeignet. Interessierte Benutzer können sie von der offiziellen Website herunterladen. Safari Technology Preview Version 173 fügt einen Feature-Flag-Block in den Einstellungen hinzu und ersetzt die experimentelle Funktion im ursprünglichen Entwicklungsmenü. In diesem Abschnitt können Entwickler schnell nach bestimmten Funktionen suchen und den Status auf unterschiedliche Weise als „stabil“, „zum Testen verfügbar“, „Vorschau“ oder „Entwickler“ markieren. Das neu gestaltete Entwicklungsmenü erleichtert Entwicklern das Auffinden wichtiger Tools zum Erstellen von Webseiten, Web-Apps und Webinhalten in anderen Apps.

So implementieren Sie das Hochladen und die Vorschau von Formularbildern in der Vue-Formularverarbeitung So implementieren Sie das Hochladen und die Vorschau von Formularbildern in der Vue-Formularverarbeitung Aug 10, 2023 am 11:57 AM

So implementieren Sie das Hochladen und die Vorschau von Formularbildern in der Vue-Formularverarbeitung. Einführung: In modernen Webanwendungen ist die Formularverarbeitung eine sehr häufige Anforderung. Eine häufige Anforderung besteht darin, Benutzern das Hochladen von Bildern und deren Vorschau in einem Formular zu ermöglichen. Als Frontend-Framework stellt uns Vue.js eine Fülle an Tools und Methoden zur Verfügung, um diese Anforderung zu erfüllen. In diesem Artikel zeige ich Ihnen, wie Sie Bild-Upload- und Vorschaufunktionen in der Vue-Formularverarbeitung implementieren. Schritt 1: Vue-Komponenten definieren Zuerst müssen wir eine Vue-Gruppe definieren

So implementieren Sie das Hochladen und die Vorschau von Bildern in Uniapp So implementieren Sie das Hochladen und die Vorschau von Bildern in Uniapp Oct 21, 2023 am 11:48 AM

So implementieren Sie Bild-Upload und -Vorschau in uniapp In modernen sozialen Netzwerken und E-Commerce-Anwendungen sind Bild-Upload- und Vorschau-Funktionen sehr häufige Anforderungen. In diesem Artikel wird erläutert, wie die Bild-Upload- und Vorschaufunktionen in uniapp implementiert werden, und es werden spezifische Codebeispiele gegeben. 1. Implementierung der Bild-Upload-Funktion Im Uniapp-Projekt müssen Sie der Seite zunächst eine Bild-Upload-Komponente hinzufügen, wie unten gezeigt: <template><view><im

Wie kann ich Bilder über Vue hochladen und in der Vorschau anzeigen? Wie kann ich Bilder über Vue hochladen und in der Vorschau anzeigen? Aug 19, 2023 pm 09:25 PM

Wie kann ich Bilder über Vue hochladen und in der Vorschau anzeigen? Überblick: In modernen Webanwendungen sind das Hochladen und Anzeigen von Bildern eine häufige Anforderung. Vue bietet als beliebtes JavaScript-Framework eine praktische Möglichkeit, diese Funktion zu erreichen. In diesem Artikel wird erläutert, wie Sie mit Vue Bilder hochladen und in der Vorschau anzeigen, einschließlich des Designs der Front-End-Schnittstelle und der Verarbeitung der Back-End-Schnittstelle. Design der Front-End-Schnittstelle: Zuerst müssen wir eine Front-End-Schnittstelle entwerfen, um Bilder auszuwählen und hochzuladen. In Vue können wir <i verwenden

Was soll ich tun, wenn in der Vorschau und beim Drucken nicht alles angezeigt werden kann? Was soll ich tun, wenn in der Vorschau und beim Drucken nicht alles angezeigt werden kann? Mar 01, 2023 pm 02:45 PM

Lösung des Problems, dass bei der Vorschau und beim Drucken nicht alles angezeigt werden kann: 1. Öffnen Sie das WPS Office-Formular und klicken Sie auf „Druckvorschau“ in der oberen linken Ecke des Arbeitsbereichs. 2. Rufen Sie die Druckvorschauseite auf und klicken Sie auf „Skalierungsverhältnis“. 3. Wählen Sie in der angezeigten Dropdown-Liste das entsprechende Seitenverhältnis aus „Querformat“ oder „Hochformat“.

Lösen Sie das Fehlerberichtsproblem des Win11-Vorschauprogramms Lösen Sie das Fehlerberichtsproblem des Win11-Vorschauprogramms Jan 14, 2024 pm 05:33 PM

Wir können das Windows 11-System im Vorschauprogramm des Windows-Systems aktualisieren, aber viele Freunde sind beim Beitritt zum Vorschauprogramm auf den Fehlercode 0x0 gestoßen. Dies liegt daran, dass unserem System ein Teil der Registrierung fehlt Um es zu lösen, schauen wir es uns gemeinsam an. So gehen Sie mit Fehlern im Win11-Vorschauprogramm um. Methode 1: 1. Wenn unser System nicht die neueste Version des Systems ist, können wir versuchen, es im Systemupdate zu aktualisieren. Methode 2: 1. Der Fehler kann auch ein Problem mit der Registrierung sein. Wir können versuchen, ihn mit dem Registrierungsreparaturtool zu reparieren. Methode drei: 1. Laden Sie das Win11-System direkt von dieser Site herunter und installieren Sie es. 2. Nach dem Herunterladen installieren Sie es einfach gemäß der auf dieser Website bereitgestellten Anleitung.

Was soll ich tun, wenn das Win7-System die Verarbeitungssequenz von Word2010-Dokumenten nicht normal in der Vorschau anzeigen kann? Was soll ich tun, wenn das Win7-System die Verarbeitungssequenz von Word2010-Dokumenten nicht normal in der Vorschau anzeigen kann? Jun 29, 2023 pm 03:32 PM

Was soll ich tun, wenn das Win7-System die Verarbeitungssequenz von Word2010-Dokumenten nicht normal in der Vorschau anzeigen kann? Da die Auslastung von Computern immer höher wird, kann es manchmal vorkommen, dass das Win7-System keine normale Vorschau des Word2010-Dokuments anzeigt. Wie können wir mit dem Problem umgehen? Das Win7-System kann keine normale Vorschau des Word2010-Dokuments anzeigen. Wo sind die Dokumente? Viele Freunde wissen nicht, wie sie im Detail vorgehen sollen, und haben die Lösung für die Verarbeitungssequenz des Win7-Systems herausgefunden, das keine normale Vorschau von Word 2010-Dokumenten ermöglicht. Wenn Sie interessiert sind, folgen Sie dem Editor, um einen Blick darauf zu werfen. Was soll ich tun, wenn das Win7-System die Verarbeitungssequenz von Word2010-Dokumenten nicht normal in der Vorschau anzeigen kann?

See all articles