Paste image into space causes error

Using web client on Version 132.0.1 (64-bit), Ubuntu 22.04. Also reproduced on desktop app, Ubuntu 22.04.

Steps:

  1. Copy an image with right click β†’copy, from a webpage (I used the images from http://egglestonartfoundation.org/)
  2. Ctrl-v to try to paste the image into the space

Result:

image

Rotating and resizing have no effect.

Long text from console output follows, I don’t have file attachment permissions.

18:08:43.152 🎊 dataFromClipboard 
Array [ ClipboardItem ]
​
0: ClipboardItem { presentationStyle: "unspecified", types: (2) […] }
​​
presentationStyle: "unspecified"
​​
types: Array [ "text/html", "image/png" ]
​​​
0: "text/html"
​​​
1: "image/png"
​​​
length: 2
​​​
<prototype>: Array []
​​
<prototype>: ClipboardItemPrototype { getType: getType(), presentationStyle: Getter, types: Getter, … }
​
length: 1
​
<prototype>: Array []
index-DK5TS_hS.js:38:19727
18:08:43.244 🎊 pasteData 
Object { text: undefined, file: File, kinopio: undefined }
​
file: File { name: "pasted.png", lastModified: 1731434923244, size: 1336660, … }
​
kinopio: undefined
​
text: undefined
​
<prototype>: Object { … }
 
Object { x: 316, y: 249 }
​
x: 316
​
y: 249
​
<prototype>: Object { … }
index-DK5TS_hS.js:51:996
18:08:43.248 🍑 addCardsAndUploadFiles <empty string> 
File { name: "pasted.png", lastModified: 1731434923244, webkitRelativePath: "", size: 1336660, type: "" }
​
lastModified: 1731434923244
​
name: "pasted.png"
​
presignedPostData: Object { url: "https://us-east-1.linodeobjects.com/kinopio-uploads", fields: {…} }
​​
fields: Object { key: "NPq7rK2WfoA3V4i84ZzsR/pasted.png", bucket: "kinopio-uploads", "X-Amz-Algorithm": "AWS4-HMAC-SHA256", … }
​​
url: "https://us-east-1.linodeobjects.com/kinopio-uploads"
​​
<prototype>: Object { … }
​
size: 1336660
​
type: ""
​
webkitRelativePath: ""
​
<prototype>: FilePrototype { name: Getter, lastModified: Getter, webkitRelativePath: Getter, … }
index-DK5TS_hS.js:71:196707
18:08:43.369 πŸ›« received postmessage 
message { target: Window, isTrusted: true, data: {…}, origin: "https://kinopio.club", lastEventId: "", source: Window, ports: Restricted, srcElement: Window, currentTarget: Window, eventPhase: 2, … }
index-DK5TS_hS.js:40:6752
18:08:43.870 πŸ›« received postmessage 
message { target: Window, isTrusted: true, data: {…}, origin: "https://kinopio.club", lastEventId: "", source: Window, ports: Restricted, srcElement: Window, currentTarget: Window, eventPhase: 2, … }
​
bubbles: false
​
cancelBubble: false
​
cancelable: false
​
composed: false
​
currentTarget: null
​
data: Object { source: "react-devtools-content-script", hello: true }
​
defaultPrevented: false
​
eventPhase: 0
​
explicitOriginalTarget: Window https://kinopio.club/sunset-serpent-4JiY4jolKzALuSHg8LnvQ
​
isTrusted: true
​
lastEventId: ""
​
origin: "https://kinopio.club"
​
originalTarget: Window https://kinopio.club/sunset-serpent-4JiY4jolKzALuSHg8LnvQ
​
ports: Array []
​
returnValue: true
​
source: Window https://kinopio.club/sunset-serpent-4JiY4jolKzALuSHg8LnvQ
​
srcElement: Window https://kinopio.club/sunset-serpent-4JiY4jolKzALuSHg8LnvQ
​
target: Window https://kinopio.club/sunset-serpent-4JiY4jolKzALuSHg8LnvQ
​
timeStamp: 41364
​
type: "message"
​
<get isTrusted()>: function isTrusted()
​
<prototype>: MessageEventPrototype { initMessageEvent: initMessageEvent(), data: Getter, origin: Getter, … }
index-DK5TS_hS.js:40:6752
18:08:43.908 πŸ›« Uploading pasted.png for NPq7rK2WfoA3V4i84ZzsR, percent: 14 index-DK5TS_hS.js:71:194475
18:08:43.996 πŸ›¬ operations ok 
Array(4) [ {…}, {…}, {…}, {…} ]
index-DK5TS_hS.js:71:57623
18:08:44.037 πŸ›« Uploading pasted.png for NPq7rK2WfoA3V4i84ZzsR, percent: 24 index-DK5TS_hS.js:71:194475
18:08:44.096 πŸ›« Uploading pasted.png for NPq7rK2WfoA3V4i84ZzsR, percent: 46 index-DK5TS_hS.js:71:194475
18:08:44.308 πŸ›« Uploading pasted.png for NPq7rK2WfoA3V4i84ZzsR, percent: 66 index-DK5TS_hS.js:71:194475
18:08:44.377 πŸ›« received postmessage 
message { target: Window, isTrusted: true, data: {…}, origin: "https://kinopio.club", lastEventId: "", source: Window, ports: Restricted, srcElement: Window, currentTarget: Window, eventPhase: 2, … }
index-DK5TS_hS.js:40:6752
18:08:44.503 πŸ›« Uploading pasted.png for NPq7rK2WfoA3V4i84ZzsR, percent: 85 index-DK5TS_hS.js:71:194475
18:08:44.683 πŸ›« Uploading pasted.png for NPq7rK2WfoA3V4i84ZzsR, percent: 100 index-DK5TS_hS.js:71:194475
18:08:44.684 πŸ›¬ Upload completed or failed 
progress { target: XMLHttpRequestUpload, isTrusted: true, lengthComputable: true, loaded: 1338443, total: 1338443, srcElement: XMLHttpRequestUpload, currentTarget: XMLHttpRequestUpload, eventPhase: 2, bubbles: false, cancelable: false, … }
​
bubbles: false
​
cancelBubble: false
​
cancelable: false
​
composed: false
​
currentTarget: null
​
defaultPrevented: false
​
eventPhase: 0
​
explicitOriginalTarget: XMLHttpRequestUpload { onloadstart: null, onprogress: onprogress(b)
, onabort: null, … }
​
isTrusted: true
​
lengthComputable: true
​
loaded: 1338443
​
originalTarget: XMLHttpRequestUpload { onloadstart: null, onprogress: onprogress(b)
, onabort: null, … }
​
returnValue: true
​
srcElement: XMLHttpRequestUpload { onloadstart: null, onprogress: onprogress(b)
, onabort: null, … }
​
target: XMLHttpRequestUpload { onloadstart: null, onprogress: onprogress(b)
, onabort: null, … }
​
timeStamp: 42178
​
total: 1338443
​
type: "progress"
​
<get isTrusted()>: function isTrusted()
​
<prototype>: ProgressEventPrototype { lengthComputable: Getter, loaded: Getter, total: Getter, … }
 
Object { cardId: "NPq7rK2WfoA3V4i84ZzsR", spaceId: undefined, url: "https://cdn.kinopio.club/NPq7rK2WfoA3V4i84ZzsR/pasted.png" }
​
cardId: "NPq7rK2WfoA3V4i84ZzsR"
​
spaceId: undefined
​
url: "https://cdn.kinopio.club/NPq7rK2WfoA3V4i84ZzsR/pasted.png"
​
<prototype>: Object { … }
index-DK5TS_hS.js:71:194810
18:08:44.877 πŸ›« received postmessage 
message { target: Window, isTrusted: true, data: {…}, origin: "https://kinopio.club", lastEventId: "", source: Window, ports: Restricted, srcElement: Window, currentTarget: Window, eventPhase: 2, … }
index-DK5TS_hS.js:40:6752
18:08:45.148
GET
https://cdn.kinopio.club/NPq7rK2WfoA3V4i84ZzsR/pasted.png
[HTTP/1.1 403  0ms]

Email context:

hmm that’s a weird one. It sounds like this only happens when copying from firefox and pasting into the native app? Does this also happen when copying from firefox into kinopio on a chromium browser? Might be a case where an error in the logs could help out too.

Creating a new card and then pasting the image works fine, maybe I’m doing the wrong thing :slight_smile: . I expected to be able to paste straight into the board and have a card created automatically.

1 Like

Coming back to the space today, it’s now showing a β€œbroken image” icon, and a 403 response for pasted.png:

1 Like