<input
type="file"
id="file"
class="filepath"
@change="changepic(this)"
accept="image/jpg, image/jpeg, image/png, image/PNG"
/>
dataURLtoBlob(dataurl) {
if (dataurl) {
var arr = dataurl.split(","),
mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]),
n = new ArrayBuffer(bstr.length),
u8arr = new Uint8Array(n);
for (var i = 0; i < bstr.length; i++) {
u8arr[i] = bstr.charCodeAt(i);
}
return new Blob([n], { type: mime });
}
},
changepic() {
let that = this;
var reads = new FileReader();
var f = document.getElementById("file").files[0];
reads.readAsDataURL(f);
reads.onload = function() {
var params = new FormData();
params.append("file", that.dataURLtoBlob(this.result));
that
.$ajax({
method: "post",
url: that.actionUrl,
data: params,
async: true,
cache: false,
contentType: false,
processData: false,
dataType: "json"
})
.then(function(response) {
if (response.data.code == 200) {
that.form.eb_head = response.data.url;
document.getElementById("img3").src =
that.ossPic + that.form.eb_head;
console.log(that.form.eb_head);
} else if (response.data.code == "401") {
that.$message({
message: response.data.message,
type: "warning"
});
} else {
that.$message.error({
message: response.data.message
});
}
})
.catch(function(error) {
that.$message.error(error);
that.loading = false;
});
};
reads.onload();
},
上传图片,二进制
最新推荐文章于 2024-07-22 14:48:29 发布