<html>
<input type="file" id="upPic">
<div>
<img src="" alt="上传的图片" id="imgs">
</div>
<html>
<javascript>
$(document).ready(function () {
$('#upPic').on('change', function () {
console.log(this);
console.log(this.files);
var fil = this.files;
for (var i = 0; i < fil.length; i++) {
reads(fil[i]);
};
});
});
function reads(file) {
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function () {
$("#imgs").attr("src", reader.result);
};
}
</javascript>
点击选择图片后面的文字想隐藏掉 将原来的标签隐藏。用一个一个新的标签代替
$a.on('click', function(){
$b.trigger("click"); //trigger用来触发指定元素的的指定事件
});
图片上传试用ajax请求不能试用原来的data数据
var base64url = cas.toDataURL('image/jpeg');
cas.toBlob(function (blob) {
console.log(blob); //生成Blob的图片格式
var formData = new FormData();
formData.append("fileToUpload", blob, fileName);
formData.append("ssid", getclassCookie("ssid"));
formData.append("type", 7);
formData.append("event_id", $("#_eventId").val());
$.ajax({
url: BASE_URI_PREFIX + "api.yunbisai.com//request/Upload",
type: "post",
async: false,
xhrFields: {
withCredentials: true
},
processData: false,
contentType: false,
data: formData,
dataType: 'json',
success: function (data) {
}}）；
要清除按钮 上次选择的图片否则 按钮选择相同的图片会显示不出来；