生產圖片區域，上傳按鈕#btn可替換自己想要的圖片

plupload上傳

var uploader = new plupload.Uploader({//創建實例的構造方法

runtimes: 'html5,flash,silverlight,html4', //上傳插件初始化選用那種方式的優先級順序

browse_button: 'btn', // 上傳按鈕

url: "ajax.php", //遠程上傳地址

flash_swf_url: 'plupload/Moxie.swf', //flash文件地址

silverlight_xap_url: 'plupload/Moxie.xap', //silverlight文件地址

filters: {

max_file_size: '10mb', //最大上傳文件大小(格式100b, 10kb, 10mb, 1gb)

mime_types: [//允許文件上傳類型

{title: "files", extensions: "jpg,png,gif,jpeg"}

]

},

multi_selection: true, //true:ctrl多文件上傳, false 單文件上傳

init: {

FilesAdded: function(up, files) { //文件上傳前

if ($("#ul_pics").children("li").length > 30) {

alert("您上傳的圖片太多了！");

uploader.destroy();

} else {

var li = '';

plupload.each(files, function(file) { //遍歷文件

li += "

0%";

});

$("#ul_pics").prepend(li);

uploader.start();

}

},

UploadProgress: function(up, file) { //上傳中，顯示進度條

var percent = file.percent;

$("#" + file.id).find('.bar').css({"width": percent + "%"});

$("#" + file.id).find(".percent").text(percent + "%");

},

FileUploaded: function(up, file, info) { //文件上傳成功的時候觸發

var data = eval("(" + info.response + ")");//解析返回的json數據

$("#" + file.id).html("");//追加圖片

},

Error: function(up, err) { //上傳出錯的時候觸發

alert(err.message);

}

}

});

uploader.init();

ajax刪除上傳的圖片

function delPic(pic, file_id) { //刪除圖片 參數1圖片路徑 參數2 隨機數

if (confirm("確定要刪除嗎？")) {

$.post("del.php", {pic: pic}, function(data) {

$("#" + file_id).remove()

})

}

}

本文為原創文章，如需轉載，請注明來源sucaihuo.com并保留原文鏈接：http://www.sucaihuo.com/js/830.html

本條技術文章來源于互聯網，如果無意侵犯您的權益請點擊此處反饋版權投訴

本文系統來源：php中文網

總結

以上是生活随笔為你收集整理的php仿微信上传图片压缩,PHP仿微信多图片预览上传实例代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。