আমরা চাই যে ব্যবহারকারীরা পোস্ট সম্পাদনা করার সময় পোস্ট থাম্বনেল আপলোড করতে সক্ষম হন। কিভাবে এই কাজ করা হবে. আমি এটি ওয়ার্ডপ্রেস এর এজাক্স ফাংশন ব্যবহার করতে হবে কল্পনা করব।
কোন ধারনা,
অবিশ্বাস্য
আমরা চাই যে ব্যবহারকারীরা পোস্ট সম্পাদনা করার সময় পোস্ট থাম্বনেল আপলোড করতে সক্ষম হন। কিভাবে এই কাজ করা হবে. আমি এটি ওয়ার্ডপ্রেস এর এজাক্স ফাংশন ব্যবহার করতে হবে কল্পনা করব।
কোন ধারনা,
অবিশ্বাস্য
উত্তর:
এজ্যাক্সে ফাইল আপলোড করা কিছুটা জটিল কারণ ব্রাউজারের এক্সএমএলএইচটিএইচপিআরকেয়েস্ট অবজেক্টটি ব্যবহার করে ফাইলগুলি আপলোড করা সম্ভব নয় তাই আপনাকে কিছু ধরণের অ্যাজাক্স আপলোড প্লাগইন ব্যবহার করতে হবে এবং সবচেয়ে সহজটি হবে জিকুয়েরি ফর্ম প্লাগইন যা জিনিসগুলি আরও সহজ করে তোলে এবং এটি ওয়ার্ডপ্রেস অন্তর্ভুক্ত। সুতরাং এটি ব্যবহার করার জন্য আপনার এটিকে সারিবদ্ধ করা দরকার:
add_action('wp_print_scripts','include_jquery_form_plugin');
function include_jquery_form_plugin(){
if (is_page('12')){ // only add this on the page that allows the upload
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'jquery-form',array('jquery'),false,true );
}
}
এই পৃষ্ঠায় আপনার আপলোড ফর্ম এবং জিকুয়েরিকে JQuery ফর্ম প্লাগইন কল করতে যুক্ত করুন:
<form id="thumbnail_upload" method="post" action="#" enctype="multipart/form-data" >
<input type="file" name="thumbnail" id="thumbnail">
<input type='hidden' value='<?php wp_create_nonce( 'upload_thumb' ); ?>' name='_nonce' />
<input type="hidden" name="post_id" id="post_id" value="POSTID">
<input type="hidden" name="action" id="action" value="my_upload_action">
<input id="submit-ajax" name="submit-ajax" type="submit" value="upload">
<form>
<div id="output1"></div>
<script>
$(document).ready(function() {
var options = {
target: '#output1', // target element(s) to be updated with server response
beforeSubmit: showRequest, // pre-submit callback
success: showResponse, // post-submit callback
url: ajaxurl // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
};
// bind form using 'ajaxForm'
$('#thumbnail_upload').ajaxForm(options);
});
function showRequest(formData, jqForm, options) {
//do extra stuff before submit like disable the submit button
$('#output1').html('Sending...');
$('#submit-ajax').attr("disabled", "disabled");
}
function showResponse(responseText, statusText, xhr, $form) {
//do extra stuff after submit
}
</script>
আপনাকে অবশ্যই পোস্ট পোস্টের সাথে প্রকৃত পোস্ট আইডি দিয়ে আপডেট করতে হবে। তারপরে ফাইল আপলোড গ্রহণ করতে এবং পোস্ট থাম্বনেল আপডেট করতে আজাক্স ফাংশন তৈরি করুন
//hook the Ajax call
//for logged-in users
add_action('wp_ajax_my_upload_action', 'my_ajax_upload');
//for none logged-in users
add_action('wp_ajax_nopriv_my_upload_action', 'my_ajax_upload');
function my_ajax_upload(){
//simple Security check
check_ajax_referer('upload_thumb');
//get POST data
$post_id = $_POST['post_id'];
//require the needed files
require_once(ABSPATH . "wp-admin" . '/includes/image.php');
require_once(ABSPATH . "wp-admin" . '/includes/file.php');
require_once(ABSPATH . "wp-admin" . '/includes/media.php');
//then loop over the files that were sent and store them using media_handle_upload();
if ($_FILES) {
foreach ($_FILES as $file => $array) {
if ($_FILES[$file]['error'] !== UPLOAD_ERR_OK) {
echo "upload error : " . $_FILES[$file]['error'];
die();
}
$attach_id = media_handle_upload( $file, $post_id );
}
}
//and if you want to set that image as Post then use:
update_post_meta($post_id,'_thumbnail_id',$attach_id);
echo "uploaded the new Thumbnail";
die();
}
আশাকরি এটা সাহায্য করবে
add_action(...করতে হুক করা হয় ( ) my_ajax_upload।
$_POSTসময় আমি পেতে দ্বারা ডেটা my_ajax_uploadযদিও জাতীয় মধ্যে কলব্যাক, PARAM সবকিছু আমি আশা রয়েছে। showRequestformData