दिलचस्प पोस्ट
Java EE वेब अनुप्रयोग के माध्यम से एक सर्वर (वेब ​​कंटेनर) पर एक फाइल कैसे संचित करें? जावा अनुप्रयोगों के लिए प्रवेश बिंदु: मुख्य (), init (), या चलाने ()? पर्ल में, मैं किसी सरणी के किसी दिए गए मान का सूचक कैसे पा सकता हूं? मैं jQuery में "होवर" कैसे खोलूं? जावास्क्रिप्ट इंजन को एनआईटी में एम्बेड करना एक वेब अनुप्रयोग में "साइलेंट" प्रिंटिंग एक एमवीसी परियोजना के दृश्य फ़ोल्डर में वेब। कॉन्फ़िफ़ फ़ाइल क्या करती है बाउंड पैरामीटर का उपयोग कई बार करें अंतिम सरणी सूची का क्या अर्थ है? ऐप सेवा पर संगीतकार कैसे स्थापित करें? विशेष डॉलर के संकेत शेल चर क्या हैं? कैसे यादृच्छिक परीक्षण (बिंदु में मामले – शफ़लिंग) कैसे angularjs में एक सरणी को देखने के लिए गहरा? पायथन में एक अंतर्निहित चर एकल अंडरस्कोर "_" है? मैं MySQL त्रुटि 13 का चयन कैसे कर सकता हूं?

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

मेरा प्रश्न यह है कि क्या एजाक्स (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(''); } }) }) }) 

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

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

यह काम।

 $("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>"; 

आसान तरीका