दिलचस्प पोस्ट
जावास्क्रिप्ट में एरे की एक सरणी को मिलाएं / समतल करें? Node.js में पोस्ट अनुरोध का उपयोग करते हुए फ़ाइल अपलोड करना आईआईएस AppPoolIdentity और फाइल सिस्टम लिखने के लिए अनुमतियाँ इसकी विवरण विशेषता द्वारा एक एएनयूम मान ढूँढना स्ट्रीम से एक बाइट सरणी बनाना UIActionSheet बटन का रंग क्या करता है '?' सी ++ में करते हैं? कैसे सी # खिड़कियों के आवेदन में रूपों के बीच मूल्यों को पारित करने के लिए? सार्वजनिक, निजी और ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग में संरक्षित क्या हैं? शाब्दिक xyz प्रकार का इंट श्रेणी से बाहर है MediaRecorder प्रारंभ विफल: -38 "बुराई" किए बिना DoEvents () का उपयोग कैसे करें? स्थान और हॅश लॉसट्रेटाजी बीटा में काम करना बंद कर दिया .16 एक ही परियोजना में सी # और वीबी मिक्सिंग रूबी में एक हैश पर पुनरावृति कैसे करें?

कैसे अजाक्स का उपयोग कर पीएचपी फ़ाइल में छवि भेजने के लिए?

मेरा प्रश्न यह है कि क्या एजाक्स (jquery) का उपयोग कर किसी सर्वर पर एक छवि अपलोड करना संभव है

नीचे पृष्ठ पुनः लोड किए बिना पाठ भेजने के लिए मेरी एजेक्स स्क्रिप्ट है I

$(function() { //this submits a form $('#post_submit').click(function(event) { event.preventDefault(); var great_id = $("#post_container_supreme:first").attr("class"); var poster = $("#poster").val() ; $.ajax({ type: "POST", url: "my php file", data: 'poster='+ poster + '&great_id=' + great_id, beforeSend: function() { $("#loader_ic").show(); $('#loader_ic').fadeIn(400).html('<img src="data_cardz_loader.gif" />').fadeIn("slow"); }, success: function(data) { $("#loader_ic").hide(); $("#new_post").prepend(data); $("#poster").val(''); } }) }) }) 

क्या छवियों को भेजने के लिए इसे संशोधित करना संभव है?

वेब के समाधान से एकत्रित समाधान "कैसे अजाक्स का उपयोग कर पीएचपी फ़ाइल में छवि भेजने के लिए?"

यह काम।

 $("form[name='uploader']").submit(function(e) { var formData = new FormData($(this)[0]); $.ajax({ url: "page.php", type: "POST", data: formData, async: false, success: function (msg) { alert(msg) }, cache: false, contentType: false, processData: false }); e.preventDefault(); }); 

क्या आप इसके लिए खोज रहे थे?

यहां एक ऐसा कोड है जो एक ही बार में कई चित्र अपलोड करेगा, एक विशिष्ट फ़ोल्डर में!

एचटीएमएल:

 <form method="post" enctype="multipart/form-data" id="image_upload_form" action="submit_image.php"> <input type="file" name="images" id="images" multiple accept="image/x-png, image/gif, image/jpeg, image/jpg" /> <button type="submit" id="btn">Upload Files!</button> </form> <div id="response"></div> <ul id="image-list"> </ul> 

PHP:

 <?php $errors = $_FILES["images"]["error"]; foreach ($errors as $key => $error) { if ($error == UPLOAD_ERR_OK) { $name = $_FILES["images"]["name"][$key]; //$ext = pathinfo($name, PATHINFO_EXTENSION); $name = explode("_", $name); $imagename=''; foreach($name as $letter){ $imagename .= $letter; } move_uploaded_file( $_FILES["images"]["tmp_name"][$key], "images/uploads/" . $imagename); } } echo "<h2>Successfully Uploaded Images</h2>"; 

और अंत में, जावास्क्रीप्ट / अजाक्स:

 (function () { var input = document.getElementById("images"), formdata = false; function showUploadedItem (source) { var list = document.getElementById("image-list"), li = document.createElement("li"), img = document.createElement("img"); img.src = source; li.appendChild(img); list.appendChild(li); } if (window.FormData) { formdata = new FormData(); document.getElementById("btn").style.display = "none"; } input.addEventListener("change", function (evt) { document.getElementById("response").innerHTML = "Uploading . . ." var i = 0, len = this.files.length, img, reader, file; for ( ; i < len; i++ ) { file = this.files[i]; if (!!file.type.match(/image.*/)) { if ( window.FileReader ) { reader = new FileReader(); reader.onloadend = function (e) { showUploadedItem(e.target.result, file.fileName); }; reader.readAsDataURL(file); } if (formdata) { formdata.append("images[]", file); } } } if (formdata) { $.ajax({ url: "submit_image.php", type: "POST", data: formdata, processData: false, contentType: false, success: function (res) { document.getElementById("response").innerHTML = res; } }); } }, false); }()); 

उम्मीद है की यह मदद करेगा

Jquery कोड जिसमें साधारण अजाक्स होता है:

  $("#product").on("input", function(event) { var data=$("#nameform").serialize(); $.post("./__partails/search-productbyCat.php",data,function(e){ $(".result").empty().append(e); }); }); 

HTML तत्व आप किसी भी तत्व का उपयोग कर सकते हैं:

  <form id="nameform"> <input type="text" name="product" id="product"> </form> 

php कोड:

  $pdo=new PDO("mysql:host=localhost;dbname=onlineshooping","root",""); $Catagoryf=$_POST['product']; $pricef=$_POST['price']; $colorf=$_POST['color']; $stmtcat=$pdo->prepare('SELECT * from products where Catagory =?'); $stmtcat->execute(array($Catagoryf)); while($result=$stmtcat->fetch(PDO::FETCH_ASSOC)){ $iddb=$result['ID']; $namedb=$result['Name']; $pricedb=$result['Price']; $colordb=$result['Color']; echo "<tr>"; echo "<td><a href=./pages/productsinfo.php?id=".$iddb."> $namedb</a> </td>".'<br>'; echo "<td><pre>$pricedb</pre></td>"; echo "<td><pre> $colordb</pre>"; echo "</tr>"; 

आसान तरीका