مركز رفع صور خاص بمدونتك

07-27-2012, 04:44 PM

REDA

مدون مميز

تاريخ التسجيل: Apr 2012

المشاركات: 441

مركز رفع صور خاص بمدونتك

أنا : REDA

سجل معنا لتتمتع بهذه الخاصية

بسم الله الرحمن الرحيم

اقدم لكم كود مركز

رفع صور خاص بالمدونة

مركز رفع سريع جدا بمجرد اختيار الصورة المراد رفعها تظهر بسرعه

للمعاينه الاضافه

مشكله هذة الاضافه لا تعطى رابط الصورة المرفوعه مثل المواقع المدفوعه ولكن يمكنك اخد الرابط من خلال الضغط على كليك يمين

ولاستخدام الاضافه فم بفتح صفحه html/javascript
وضع هذا الكود :

كود بلغة HTML:

   <!DOCTYPE html>
<html>
<head>
<**** charset=utf-8 />
<title>Image preview</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
var blank="http://upload.wikimedia.org/wikipedia/commons/c/c0/Blank.gif";
function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#img_prev')
            .attr('src', e.target.result)
            .height(200);
        };

        reader.readAsDataURL(input.files[0]);
    }
    else {
      var img = input.value;
        $('#img_prev').attr('src',img).height(200);
    }
    $("#x").show().css("margin-right","10px");
}
$(document).ready(function() {
  $("#x").click(function() {
    $("#img_prev").attr("src",blank);
    $("#x").hide();  
  });
});
</script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }
#x { display:none; position:relative; z-index:200; float:right}
#previewPane { display: inline-block; }
</style>
</head>
<body>
<section>
<input type='file' onchange="readURL(this);" /><br/>
<span id="previewPane">
<img id="img_prev" src="#" alt="your image" />
<span id="x">[X]</span>
</span>
</section>
</body>
</html>

عثمان بن الطالب معجب بهذا

__________________

من مواضيع REDA

مواقع النشر (المفضلة)

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
الانتقال إلى العرض العادي الانتقال إلى العرض المتطور العرض الشجري

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة لا تستطيع الرد على المواضيع لا تستطيع إرفاق ملفات لا تستطيع تعديل مشاركاتك BB code is متاحة الابتسامات متاحة كود [IMG] متاحة كود HTML معطلة قوانين المنتدى

الانتقال السريع

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
تعطيل عمل الكليك اليمين بمدونتك بلوجر	رفاد	إضافات وأدوات بلوجر	2	02-27-2013 05:59 PM
عمل فلاش بمدونتك	آنثاك طفله دبلوماسيه	إضافات وأدوات بلوجر	1	01-02-2013 12:58 PM
قالب لعمل مركز رفع صور على مدونة بلوجر من انشاء معهد فور نيجر	احمد نيجر	قوالب بلوجر عربية ومعربة	7	11-20-2012 01:14 PM
أحصل على مركز تحميل احترافي لن تجده الا هنا على الخبراء	Nassro	إضافات وأدوات بلوجر	10	11-11-2012 11:30 PM
بدون زوار ألق بمدونتك فى البحر	عليم محمد	دروس التسويق والاشهار	10	09-03-2012 08:17 PM

إضافات وأدوات بلوجر