实现步骤,引入plupload上传插件,并设置multi_selection为单文件上传。
上传头像代码:var uploader_avatar = new plupload.Uploader({//创建实例的构造方法 <br>
runtimes: 'gears,html5,html4,silverlight,flash', //上传插件初始化选用那种方式的优先级顺序 <br>
browse_button: ['avatar_uplpad_btn'], // 上传按钮 <br>
url: "ajax.php", //远程上传地址 <br>
flash_swf_url: 'js/plugins/plupload/Moxie.swf', //flash文件地址 <br>
silverlight_xap_url: 'js/plugins/plupload/Moxie.xap', //silverlight文件地址 <br>
filters: { <br>
max_file_size: '10mb', //最大上传文件大小(格式100b, 10kb, 10mb, 1gb) <br>
mime_types: [//允许文件上传类型 <br>
{title: "files", extensions: "jpg,png,gif,jpeg"} <br>
] <br>
}, <br>
multi_selection: false, //true:ctrl多文件上传, false 单文件上传 <br>
init: { <br>
FilesAdded: function(up, files) { //文件上传前 <br>
<br>
uploader_avatar.start(); <br>
}, <br>
UploadProgress: function(up, file) { //上传中,显示进度条 <br>
var percent = file.percent; <br>
$("#" + file.id).find('.bar').css({"width": percent + "%"}); <br>
$("#" + file.id).find(".percent").text(percent + "%"); <br>
}, <br>
FileUploaded: function(up, file, info) { //文件上传成功的时候触发 <br>
var data = eval("(" + info.response + ")");//解析返回的json数据 <br>
$("#avatar_pic").html("<img alt="PHP个人中心头像上传演示和下载" >") <br>
}, <br>
Error: function(up, err) { //上传出错的时候触发 <br>
alert(err.message); <br>
} <br>
} <br>
}); <br>
uploader_avatar.init();
在线上传头像演示:http://www.sucaihuo.com/js/880.html
云栖大会北京站:阿里技术专家难得出镜,这次一下来了100多位?!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

MinGW - GNU Minimalis untuk Windows
Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

SublimeText3 Linux versi baharu
SublimeText3 Linux versi terkini

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa