PHP + Ajax + JS implements Multimap Upload and ajax Multimap. PHP + Ajax + JS implement Multimap Upload. ajax Multimap this example requires an ajax multiimage Upload task in the wap site project, which is combined with the js plug-in for your reference, the specific content is as follows: * a PHP + Ajax + JS achieves multi-image upload and ajax multi-image
In this example, an ajax multi-image Upload task is required for the wap site project, which is combined with the js plug-in for your reference. the specific content is as follows:
/* Upload an image through ajax */var num = 0; // click "delete image function onDelete (num) {if ($ (" # "+ num ). attr ('src ')! = "/Public/Home/images/jiazai.gif" & $ ("#" + num). attr ('src ')! = "") {If (confirm ("Are you sure you want to delete") {$ ("# a" + num ). remove () ;}else {// }}$ (function () {$ ("# file0 "). bind ("change", function () {clickUpload (num) ;}); function clickUpload (num) {var imgObject = document. getElementById ('file0'); // file object $ ("# yulan "). append (""); // $ ("# yulan "). append ("Delete"); Var getImageSrc = getFullPath (imgObject); // Local path // instantiate the image object var pos = getImageSrc. lastIndexOf (". "); var lastname = getImageSrc. substring (pos, getImageSrc. length) // Image suffix if (lastname! = ". Jpg" & lastname! = ". Png" & lastname! = ". Jpeg" & lastname! Images '.gif ') {$ ("# a" + num ). remove (); alert ("select an image");} else {ajaxFileUpload (num); $ ("# file0 "). unbind ("change "). bind ("change", function () {clickUpload (num) ;});} num ++;} function getFullPath (obj) {// obtain the complete image path if (obj) {if (window. navigator. userAgent. indexOf ("MSIE")> = 1) {obj. select (); return document. selection. createRange (). text;} else if (window. navigator. userAgent. indexOf ("Firefox")> = 1) {if (obj. files) {return obj. files. item (0 ). getAsDataURL ();} return obj. value;} return obj. value ;}} function ajaxFileUpload (num) {$. ajaxFileUpload ({url :' http://xxxx/updateImg ', // The server-side request address used for file upload: secureuri: false, // whether the security protocol is required. this parameter is generally set to false fileElementId: 'file0 ', // The ID dataType of the file upload field: 'json', // The type of the returned value is generally set to json success: function (data) // The server responds to the processing function {var jsonText = data; console. log (jsonText); if (jsonText ['status'] = 1) {if (jsonText ['info']! = "") {Console. log (jsonText ['info']); $ ("#" + num ). attr ("src", "/Public // Admin/Upload/" + jsonText ['info']); var images = $ ("# img "). val (); if (images! = "") {$ ("# Img "). val (images + "," + jsonText ['info']);} else {$ ("# img "). val (images + "" + jsonText ['info']) ;}} else {$ ("# a" + num ). remove (); // alert ("image Upload failed") ;}}, error: function (data, e) // server response failure handler {alert (e );}})}});
The above is all the content of this article. I hope it will help you learn php programming.
Examples of this article in the wap station project need to do an ajax multi-image upload, combined with the js plug-in for your reference, the specific content is as follows/*...
