ইন্টারফেস ফর্মডাটা প্রয়োগ করে না এমন একটি বস্তুর উপরে 'অ্যাপেন্ড' ডাকা হয়েছে

Question 1

আমি jquery এবং ajax দিয়ে ছবি আপলোড করার চেষ্টা করছি। তবে অদ্ভুত জিনিসটি এখানে ঘটেছে। কনসোলে এটির প্রদর্শন লগ করুন

প্রকারের ত্রুটি: 'অ্যাপেন্ড' এমন একটি বস্তুর উপরে কল করা হয়েছে যা ইন্টারফেস ফর্মডাটা প্রয়োগ করে না।

দয়া করে বলুন আমি এখানে কী ভুল করেছি?

জেএস স্ক্রিপ্ট

var prosrc=$("#pro_pix img").last().attr("src");
$("#logoform").on('change',function(event){
var postData = new FormData(this);
$("#pro_pix img").last().hide();
$("#pro_pix img").first().show();
event.preventDefault();
$.ajax(
    {
        url : "/function/pro_pic_upload.php",
        type: "POST",
        data : postData,
        success:function(data, textStatus, jqXHR)
        {
        $("#pro_pix img").last().show();
        $("#pro_pix img").first().hide();
        $("#pro_pix h6").text(data);
        },
        error: function(jqXHR, textStatus, errorThrown)
        {
            //if fails     
        }
    });
});

আমার এইচটিএমএল মার্কআপ

 <div class="row">
    <!-- left column -->
    <div id="pro_pix" class="col-md-4 col-sm-6 col-xs-12">
      <div class="text-center">
        <img src="template/image/725.GIF" class="avatar img-circle img-thumbnail" style="display:none" alt="avatar">
        <img src="<?php echo $rowuser['profile_logo']; ?>" class="avatar img-circle img-thumbnail" alt="avatar">
        <h6>Upload a different photo...</h6>
        <form role="form" id="logoform" enctype="multipart/form-data">
        <input id="logo" name="logo" type="file" class="text-center center-block well well-sm">
        </form>
      </div>
    </div>

Question 2

jquery সহ formdata ব্যবহার করার জন্য আপনাকে সঠিক বিকল্পগুলি সেট করতে হবে

$.ajax({
    url : "/function/pro_pic_upload.php",
    type: "POST",
    data : postData,
    processData: false,
    contentType: false,
    success:function(data, textStatus, jqXHR){
        $("#pro_pix img").last().show();
        $("#pro_pix img").first().hide();
        $("#pro_pix h6").text(data);
    },
    error: function(jqXHR, textStatus, errorThrown){
        //if fails     
    }
});

.ajax রেফারেন্স

প্রক্রিয়াডাটা (ডিফল্ট: সত্য)

প্রকার: বুলিয়ান

ডিফল্টরূপে, ডেটা বিকল্প হিসাবে ডেটা বিকল্পে পাস করা ডেটা (প্রযুক্তিগতভাবে, স্ট্রিং ব্যতীত অন্য যে কোনও কিছু) প্রক্রিয়াজাত করা হবে এবং একটি ক্যোয়ারী স্ট্রিংয়ে রূপান্তরিত হবে, ডিফল্ট কনটেন্ট-টাইপ "অ্যাপ্লিকেশন / x-www-form-urlencoded" । আপনি যদি কোনও ডিওএমডোকামেন্ট, বা অন্যান্য প্রক্রিয়াজাত না করা ডেটা প্রেরণ করতে চান তবে এই বিকল্পটিকে মিথ্যা হিসাবে সেট করুন।

Question 3

আপনার সমস্যা সমাধানের জন্য আপনার এজেএক্সে এই দুটি পরামিতি যুক্ত করুন:

processData: false,
contentType: false,

Question 4

আপনাকে এই প্যারামিটারটি এজ্যাক্স কলটিতে সেট করতে হবে:

enctype: 'multipart/form-data'

Question 5

যোগ করা হচ্ছে:

processData: false,
contentType: false,

ফাইলটির সাথে অবশ্যই সহায়তা করবে, এর একদিকে যদি আপনি কোনও পৃষ্ঠায় ফিরে যাওয়া ত্রুটি বা সাফল্যের বার্তাগুলি করছেন তবে আপনি আপনার জীবনকে আরও সহজ করার জন্য json ব্যবহার করতে চাইবেন।

উদাহরণ:

dataType: 'json',

এটি আপনার প্রতিক্রিয়াগুলি বিশ্লেষণে সহায়তা করবে। এটি ছাড়া এটি ত্রুটি ছুঁড়ে দেবে।

Question 6

শুধু আপনার লাইন সম্পাদনা করুন:

var postData = new FormData(this);

প্রতি:

var postData = new FormData($(this));