الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

مشكلة لدي فى اضافة صورة بعد رفعها الىtextarea بال execCommand("inserthtml

بدأه fatmaali في 11 يناير 2014 · 10 رد · 755 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم لدي مربع تحرير نصوص textare وفوقه زر لرفع الصورة اريد ان اقوم برفع الصورة تلقائى تنزل فى ال textarea

 

 

فقمت بعمل هذا الكود

 

 

اولا الصفحة التى بها المحرر او مربع النصوص

<form>
	<input type="button" class="button" name="UpImg" value="رفـــــــــع صور اخرى بالاعلان" onClick="window.open('up.php', 'Uploads', 'width=400,height=150,resizable=0,menubar=0,locati on=0,status=0,toolbar=0')"></td>

  <textarea  id="sujet" name="sujet" rows="25" cols="59"></textarea>

</form>

ثانيا صفحة up.php والتى بها استعراض الصور

<form name=uploud method="POST" action="upload2.php"  enctype="multipart/form-data" >


									<input class="btn" value="رفع الصورة" type="submit" name="action"></td>


      			<input class=TEXTPUT type="file" name="my_files" size="20" dir="ltr" ></td>

	

</form>

ثالثا صفحه رفع الصورة upload2.php


 

<?php
	            	$picat=time();
					$upload_dir = "pic/";
					$upload_url = $url_dir."pic/";
					$temp_name = $_FILES['my_files']['tmp_name'];
					$file_name = $_FILES['my_files']['name']; 
					$file_name = str_replace("\\","",$file_name);
					$file_name = str_replace("'","",$file_name);
					$ext=strstr($file_name,'.');
					$picu="temp_".$picat.$ext;
					$file_path = $upload_dir.$picu;
					$ext = str_replace(".","",$ext);
					if($ext=='jpg' || $ext=='JPG' || $ext=='gif' || $ext=='GIF' || $ext=='png' || $ext=='PNG' || $ext=='bmp' || $ext=='BMP' )					{
					move_uploaded_file($temp_name, $file_path);
					$picu=$picu;
					$fsize=filesize("$file_path");
?>
<script type="text/javascript" src="js/jquery-1.4.3.min.js" ></script>
<script type="text/javascript">
var tempUrl = "<?php echo 'pic/'.$picu;?>";
window.opener.$("#note").document.execCommand("inserthtml", "<a id=example2 href=\"" + tempUrl + "\"><img src=\"" + tempUrl + "\"></img></a>", null , null);
window.close();
</script>

المفروض هنا بعد رفع الصورة تغلق الصفحة وتضع الصورة بالمحرر لكنها لا تفعل ذلك الصورة ترفع بشكل سليم لكن لا تضعها بالمحرر ولا تغلق الصفحة بعد الرفع

#2

السلام عليكم

 

أخى/أختى العزيزة للاسف أنا لن أفهم سؤالك جيدا, لكن على قد ما فهمت أنك عاوز ترفع صورة وبعد ما تترفع تتعرض فى مربع الـ Textarea .

مربع الـ Textarea لا يعرض صور بل هو يعرض نصوص فقط, لذلك لا يمكن عرض الصورة المرفوعة .

 

طبعا دة اللى فهمتة من سؤالك, ولو أنا فهمت خطأ أرجو توضيح المطلوب أكثر .

تم تعديل هذه المشاركة بواسطة مستر برمجة في 11 يناير 2014 في 16:46

||||||||||||||||||||||||||||||||||||


||||||||||||||||||||||||||||||||||||


egypt_coa.gif


||||||||||||||||||||||||||||||||||||


||||||||||||||||||||||||||||||||||||

#3

اخي ال textarea  مربوط ب tinyMCE محرر بمعني ان لو الصورة اترفعت هتظهر فيه اخي الفاضل

 

انا عاوزة فقط احول الصورة بعد الرفع تظهر بالمحرر عن طريق الكود المرفق

 

 

وهذا كود صفحة عرض المحرر بعد التعديل

 

كل الى اريدة بعد رفع الصوره بالطريقة السابقة مع الملفات الخاصة بها تنزل مباشرة هنا بالمحرر وفى حال نزلت يتم غلق الصفحة ال هيا upload2.php

والمبين فى هذا الامر

window.close();
</script>

<script type="text/javascript"> 
tinyMCE.init({ 
        // General options 
        mode : "textareas", 
        theme : "advanced", 
        plugins : "autolink,lists,spellchecker,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template", 
 
        // Theme options 
        theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,backcolor,fontsizeselect,forecolor,fontselect,image,emotions,media,ImageUpload", 
        theme_advanced_toolbar_location : "top", 
        theme_advanced_toolbar_align : "right", 
        theme_advanced_statusbar_location : "bottom", 
        theme_advanced_resizing : true, 
 
        // Skin options   

		skin : "o2k7",
		skin_variant : "silverblack",

        // Example content CSS (should be your site CSS) 
        content_css : "tinymce/jscripts/tiny_mce/themes/advanced/skins/o2k7/content.css", 
 
        // Drop lists for link/image/media/template dialogs 
        template_external_list_url : "js/template_list.js", 
        external_link_list_url : "js/link_list.js", 
        external_image_list_url : "js/image_list.js", 
        media_external_list_url : "js/media_list.js", 
 
        // Replace values for the template plugin 
        template_replace_values : { 
                username : "Some User", 
                staffid : "991234" 
        } 
}); 
</script>

<form>
	<input type="button" class="button" name="UpImg" value="رفـــــــــع صور اخرى بالاعلان" onClick="window.open('up.php', 'Uploads', 'width=400,height=150,resizable=0,menubar=0,locati on=0,status=0,toolbar=0')"></td>

  <textarea  id="note" name="note" rows="25" cols="59"></textarea>

</form>

تم تعديل هذه المشاركة بواسطة fatmaali في 11 يناير 2014 في 16:54

#4

في انتظار الرد اخواني الافاضل

#5

يا اخواني 31 مشاهدة مفيش ولا حل :(

#6

أختى العزيزة

 

الوصلة التالية بها إضافة أوPlugin خاصة بالـ tinyMCE تسمح لك برفع صورة بشكل مباشر من الجهاز وعرضها فى المحرر.

 

يمكنك تجربتها لعلها تفيدك هنا . ووصلة أخرى تتكلم عن نفس الإضافة هنا

تم تعديل هذه المشاركة بواسطة مستر برمجة في 12 يناير 2014 في 00:36

||||||||||||||||||||||||||||||||||||


||||||||||||||||||||||||||||||||||||


egypt_coa.gif


||||||||||||||||||||||||||||||||||||


||||||||||||||||||||||||||||||||||||

#7

الاضافة ليست مجانية اخي الفاضل

 

MoxieManager

 

والتى تتيح استخدام ورفع الصور تلقائى

#8

أختى العزيزة

 

أنا لا أتكلم عن الإضافة MoxieManager, أنا أعطيت لك وصلة بها Plugin خاصة بالـ tinyMCE تسمح لك برفع صورة بشكل مباشر, وهى تشبة Uploader, وهذة الإضافة أسمها One Click Image upload وهى مجانية كما هو مكتوب فى صفحتها ويمكن الدخول إلى صفحتها وتحميل الإضافة من هذة الوصلة

تم تعديل هذه المشاركة بواسطة مستر برمجة في 12 يناير 2014 في 10:08

||||||||||||||||||||||||||||||||||||


||||||||||||||||||||||||||||||||||||


egypt_coa.gif


||||||||||||||||||||||||||||||||||||


||||||||||||||||||||||||||||||||||||

#9

ساقوم بتجربة الملف واخبرك بالجديد

#10

تم رفعه وتركيبة لكن كلما ارفع صورة

 

يجيب لي خطاء

 

The upload path does not appear to be valid.
#11

يوجد فيديو فى نفس صفحة الـ Plugin أو من هنا, يشرح طريقة التثبيت, يمكنك مشاهدتة ومتابعة خطواتة لتثبيت الإضافة .

تم تعديل هذه المشاركة بواسطة مستر برمجة في 12 يناير 2014 في 16:07

||||||||||||||||||||||||||||||||||||


||||||||||||||||||||||||||||||||||||


egypt_coa.gif


||||||||||||||||||||||||||||||||||||


||||||||||||||||||||||||||||||||||||

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…