DOM设置一个图片源 - DOM set an images source

DOM set an images source

本文关键字：一个设置 DOM | 更新日期: 2023-09-27

我有一个jquery和php项目，我正在研究用户上传要放在块中的图像。我有我的图片上传工作，但我有麻烦设置img源到上传的图片。

<div class="one">
    <img id="first" src="" height="100" width="100">
</div>

我在jquery中创建了大约200个这样的数组

'images/'.$_FILES['file']['name']

以上是我在php中上传图片的url。

我很难理解如何在DOM中设置源以及使用DOM清除带有setAttribute的源。如果有人能把我放在正确的轨道上或给我基本的php DOM需要，我将不胜感激。

编辑:

好了，在阅读了一些回复后，我看到我没有给出足够的信息，我需要通过php在服务器上更改源，而jquery更改只会更改本地源。很抱歉没有提供足够的信息。

类似以下语句的内容:

 $node->setAttribute('src', "images/" . $_FILES['file']['name'] );

但是简单地说，我真的不理解使用DOM所需的所有步骤。

这样可以帮助您删除任何图像的src值

function clearAllImgs()
{
    var imgs = $('.one').find('img');
    imgs.each(function(){
        $(this).attr('src', '')
    }); 
}

如果你使用jquery，你可以设置一个节点属性与$(selector).attr('name', 'newValue')。例如$('img').attr('src', 'something');