Question

我使用此技术：link从本地客户端获取图片，我不想将其保存在我的服务器上。我可以（在javascript中）设置div backgroundImage这个图像的宽度吗？现在这是我的代码：

var input9I1 = document.createElement("input");
                            input9I1.id = "input9I1";
                            input9I1.type = "file";
                            input9I1.name = "files[]";
                            input9I1.accept = "image/*";
                            input9I1.addEventListener('change', handleFileSelect, false);
                            td20I1.appendChild(input9I1);

所以这是输入的创建，它工作正常。现在功能：

function handleFileSelect(evt){
imgageATraiter = evt.target.files[0];

console.log(imgageATraiter.name);
console.log(imgageATraiter.type);
console.log(imgageATraiter.size);
console.log(imgageATraiter.lastModifiedDate);
console.log(imgageATraiter.lastModifiedDate.toLocaleDateString());

document.getElementById('boite5I1').style.backgroundImage = imgageATraiter.name;}

所以我想要的是如何修改＆＃34; boite5I1＆＃34;我的形象的背景？可能吗？感谢阅读并度过了愉快的一天：D

Answer 1

您应该在handleFileSelect函数中尝试以下代码。

if (imgageATraiter) {
        var reader = new FileReader();
        reader.onload = function (e) {
            document.getElementById('boite5I1')
                .attr('src', e.target.result)
                .width(50)
                .height(50);
        };
        reader.readAsDataURL(imgageATraiter );
    }

Answer 2

感谢nicael答案是：

function handleFileSelect(evt){
imgageATraiter = evt.target.files[0];
var reader = new FileReader();
reader.onload = function (e) {
    $('#boite5I1').css('background', 'transparent url('+e.target.result +') left top no-repeat');
}
reader.readAsDataURL(evt.target.files[0]);}

非常感谢，祝你有个美好的一天：D

div background图像宽度输入结果

2 个答案: