تعليق: يقدم هذا المقال بشكل أساسي مثال معاينة تحميل صورة HTML5. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إليها.
<! doctype html>
<html lang = "zh-cn">
<head>
<meta charset = "utf-8" />
<meta content = "edielei" />
<title> HTML5 معاينة تحميل الصورة </title>
<script type = "text/javaScript" src = "<a href =" http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
<script type = "text/javaScript">
$ (function () {
$ ('#img'). Change (function () {
var file = this.files [0] ؛ // حدد الملف الذي تم تحميله
var r = new fileReader () ؛
R.ReadasDataurl (ملف) ؛ // base64
$ (r) .Load (function () {
$ ('div'). html ('<img src = "' ' + this.result +'" /> ') ؛
}) ؛
}) ؛
}) ؛
</script>
</head>
<body>
<h3> معاينة تحميل الصورة html5 </h3>
<إدخال نوع = "ملف" قبول = "صورة /*" />
<viv> </viv>
</body>
</html>