المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : استخراج الصور من الرابط مثل الفيس بوك



romaissa
11-01-2013, بتوقيت غرينيتش 04:48 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط§ط³طھط®ط±ط§ط¬ ط§ظ„طµظˆط± ظ…ظ† ط§ظ„ط±ط§ط¨ط· ظ…ط«ظ„ ط§ظ„ظپظٹط³ ط¨ظˆظƒ (http://www.dzbatna.com/t2325124/)



السلام عليكم

طريقة أستخراج الصور من الرابط مثل الفيس بوك

مثال

http://www.dzbatna.com/attachments/708313d1378476414-6-9-2014-4-53-14-pm.jpg

الكود code عندي من فتره حصلته في النت لم أجربه اله الان

الان ننتقل الى الشرح طريقة

أول شي الجكويري

رمز PHP:

<code style="white-space:nowrap"> <code> $(document).ready(function() {

var getUrl = $('#get_url'); //جلب الرابط المدخل

getUrl.keyup(function() {
var match_url = /\b(https?):\/\/(&#91;\-A-Z0-9.&#93;+)(\/&#91;\-A-Z0-9+&@#\/%=~_|!:,.;&#93;*)?(\?&#91;A-Z0-9+&@#\/%=~_|!:,.;&#93;*)?/i;

//ارجاع قيمة ترو اذا كان الرابط المدخل صحيح واستكامل
if (match_url.test(getUrl.val())) {
$("#results").hide();
$("#loading_indicator").show(); //عرض صورة الانتظار

var extracted_url = getUrl.val().match(match_url)&#91;0&#93;; //أستخراج اول رابط

//أرسال المتغيرات الى ملف
// extract-process.php
$.post('extract-process.php',{'url': extracted_url}, function(data){

extracted_images = data.images;
total_images = parseInt(data.images.length-1);
img_arr_pos = total_images;

if(total_images>0){
inc_image = '<div class="extracted_thumb" id="extracted_thumb"><img src="'+data.images&#91;img_arr_pos&#93;+'" width="100" height="100"></div>';
}else{
inc_image ='';
}
// الناتج يرجع ويعرض في صفحة



var content = '<div class="extracted_url">'+ inc_image +'<div class="extracted_content"><h4><a href="'+extracted_url+'" target="_blank">'+data.title+'</a></h4><p>'+data.content+'</p><div class="thumb_sel"><span class="prev_thumb" id="thumb_prev">&nbsp;</span><span class="next_thumb" id="thumb_next">&nbsp;</span> </div><span class="small_text" id="total_imgs">'+img_arr_pos+' of '+total_images+'</span><span class="small_text">&nbsp;&nbsp;Choose a Thumbnail</span></div></div>';

//عرض الناتج
$("#results").html(content); //عرض الناتج
$("#results").slideDown(); //عرض الناتج مع سلايد شو
$("#loading_indicator").hide(); //أخفاء صورة الانتظار
},'json');
}
});


//الزائر يتصفح الصورة
$("body").on("click","#thumb_prev", function(e){
if(img_arr_pos>0)
{
img_arr_pos--;

//تغير صورة المصغره
$("#extracted_thumb").html('<img src="'+extracted_images&#91;img_arr_pos&#93;+'" width="100" height="100">');

$("#total_imgs").html((img_arr_pos) +' of '+ total_images);
}
});

//تغير الصور في سلايد شو
$("body").on("click","#thumb_next", function(e){
if(img_arr_pos<total_images)
{
img_arr_pos++;

$("#extracted_thumb").html('<img src="'+extracted_images&#91;img_arr_pos&#93;+'" width="100" height="100">');

$("#total_imgs").html((img_arr_pos) +' of '+ total_images);
}
});
});
</code> </code>

كود code الادخال والعرض من HTML
رمز PHP:

<code style="white-space:nowrap"> <code> <div class="extract_url">
<img id="loading_indicator" src="http://www.dzbatna.net/vb/images/ajax-loader.gif">
<textarea id="get_url" placeholder="أدخل الرابط هنا" class="get_url_input" spellcheck="false" ></textarea>
<!-- دف عرض الناتج او الصور-->
<div id="results"></div>
</div>
</code> </code>

الان ملف PHP
راح نستخدم ملف مساعد PHP Simple HTML DOM Parser (http://sourceforge.net/projects/simplehtmldom/) هذه الملف يساعدنا في أستخراج العناصر من ملف HTML ملاحضه يحتاج PHP 5 وفوق

الان ملف PHP

رمز PHP:

<code style="white-space:nowrap"> <code> if(isset($_POST&#91;"url"&#93;))
{
$get_url = $_POST&#91;"url"&#93;;

// أستدعاء ملف المساعد يتطلب
## PHP 5 أو أكبر
include_once("include/simple_html_dom.inc.php");

//جلب رابط المدخل
$get_content = file_get_html($get_url);

//جلب عنوان الصفحة من الرابط
## title
foreach($get_content->find('title') as $element)
{
$page_title = $element->plaintext;
}

//جلب عناصر الجسم
##body
foreach($get_content->find('body') as $element)
{
$page_body = trim($element->plaintext);
$pos = strpos($page_body, ' ', 200);
$page_body = substr($page_body,0,$pos ); //تقصير عدد الحروف الى 200 حرف
}

$image_urls = array();

//جلب جميع الصور
foreach($get_content->find('img') as $element)
{
/*تستطيع هنا فحص الصور وفحص أسمها والصور الشغاله و العكس */
if(!preg_match('/blank.(.*)/i', $element->src) && filter_var($element->src, FILTER_VALIDATE_URL))
{
$image_urls&#91;&#93; = $element->src;
}
}

//أرجع الناتج
## prepare for JSON
$output = array('title'=>$page_title, 'images'=>$image_urls, 'content'=> $page_body);
echo json_encode($output); //output JSON data
}
</code> </code>

جميع الملفات في المرفق تستطيع التحميل وتجربة على سيرفر SERVER شخصي
تستطيع التلاعب بملف وتعديل بما يتناسب مع أحتياجاتك







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)


الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif 1.zip (http://www.traidnt.net/vb/attachments/708314d1378477027-1.zip) (57.3 كيلوبايت, عدد مرات المشاهدة 81 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى