diff --git a/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue b/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue
index a77888a8bd4..d1c52c6dc5a 100644
--- a/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue
+++ b/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue
@@ -627,7 +627,7 @@ export default {
 
         uploadSelected(upload) {
             const path = `${this.folder}/${upload.basename}`.replace(/^\/+/, '');
-            const id = `${this.container.handle}::${path}`;
+            const id = `${this.container.id}::${path}`;
 
             this.uploads.splice(this.uploads.indexOf(upload), 1);
 
diff --git a/resources/js/tests/components/fieldtypes/AssetsFieldtype.test.js b/resources/js/tests/components/fieldtypes/AssetsFieldtype.test.js
new file mode 100644
index 00000000000..f883a403641
--- /dev/null
+++ b/resources/js/tests/components/fieldtypes/AssetsFieldtype.test.js
@@ -0,0 +1,52 @@
+import { mount } from '@vue/test-utils';
+import { expect, test, vi } from 'vitest';
+import * as Globals from '@/bootstrap/globals';
+import { preferences } from '@api';
+import AssetsFieldtype from '@/components/fieldtypes/assets/AssetsFieldtype.vue';
+
+// Register the global helper functions (data_get, clone, etc.) onto the window
+// like the control panel bootstrap does, so the component can use them.
+Object.keys(Globals).forEach((fn) => (window[fn] = Globals[fn]));
+window.cp_url = (url) => url;
+window.__ = (key) => key;
+preferences.initialize({}, {});
+
+const makeField = ({ axiosPost = vi.fn(() => Promise.resolve({ data: [] })), props = {} } = {}) => {
+    return mount(AssetsFieldtype, {
+        shallow: true,
+        props: {
+            handle: 'image',
+            value: [],
+            config: {},
+            meta: {
+                container: { id: 'main', can_view: true, can_upload: true },
+                data: [],
+            },
+            ...props,
+        },
+        global: {
+            mocks: {
+                $axios: { post: axiosPost },
+                $progress: { loading: () => {} },
+            },
+        },
+    });
+};
+
+test('selecting the existing file references it by the container id', () => {
+    const post = vi.fn(() => Promise.resolve({ data: [] }));
+    const field = makeField({ axiosPost: post });
+
+    field.vm.uploadSelected({ basename: 'user.png' });
+
+    expect(post).toHaveBeenCalledWith('assets-fieldtype', { assets: ['main::user.png'] });
+});
+
+test('the existing file id includes the configured folder', () => {
+    const post = vi.fn(() => Promise.resolve({ data: [] }));
+    const field = makeField({ axiosPost: post, props: { config: { folder: 'sub' } } });
+
+    field.vm.uploadSelected({ basename: 'user.png' });
+
+    expect(post).toHaveBeenCalledWith('assets-fieldtype', { assets: ['main::sub/user.png'] });
+});