Fix image upload on native (#7121)
This commit is contained in:
@@ -1,16 +1,69 @@
|
|||||||
diff --git a/node_modules/expo-image-manipulator/src/ImageManipulator.ts b/node_modules/expo-image-manipulator/src/ImageManipulator.ts
|
diff --git a/node_modules/expo-image-manipulator/src/ImageManipulator.web.ts b/node_modules/expo-image-manipulator/src/ImageManipulator.web.ts
|
||||||
index a80d9c8..babbb3b 100644
|
new file mode 100644
|
||||||
--- a/node_modules/expo-image-manipulator/src/ImageManipulator.ts
|
index 0000000..babbb3b
|
||||||
+++ b/node_modules/expo-image-manipulator/src/ImageManipulator.ts
|
--- /dev/null
|
||||||
@@ -43,7 +43,7 @@ export async function manipulateAsync(
|
+++ b/node_modules/expo-image-manipulator/src/ImageManipulator.web.ts
|
||||||
context.extent(action.extent);
|
@@ -0,0 +1,60 @@
|
||||||
}
|
+import { useReleasingSharedObject } from 'expo-modules-core';
|
||||||
}
|
+import { SharedRef } from 'expo-modules-core/types';
|
||||||
- const image = await context.renderAsync();
|
+
|
||||||
|
+import { Action, ImageResult, SaveFormat, SaveOptions } from './ImageManipulator.types';
|
||||||
|
+import { ImageManipulatorContext } from './ImageManipulatorContext';
|
||||||
|
+import ExpoImageManipulator from './NativeImageManipulatorModule';
|
||||||
|
+import { validateArguments } from './validators';
|
||||||
|
+
|
||||||
|
+// @needsAudit
|
||||||
|
+/**
|
||||||
|
+ * Manipulate the image provided via `uri`. Available modifications are rotating, flipping (mirroring),
|
||||||
|
+ * resizing and cropping. Each invocation results in a new file. With one invocation you can provide
|
||||||
|
+ * a set of actions to perform over the image. Overwriting the source file would not have an effect
|
||||||
|
+ * in displaying the result as images are cached.
|
||||||
|
+ * @param uri URI of the file to manipulate. Should be on the local file system or a base64 data URI.
|
||||||
|
+ * @param actions An array of objects representing manipulation options. Each object should have
|
||||||
|
+ * __only one__ of the keys that corresponds to specific transformation.
|
||||||
|
+ * @param saveOptions A map defining how modified image should be saved.
|
||||||
|
+ * @return Promise which fulfils with [`ImageResult`](#imageresult) object.
|
||||||
|
+ * @deprecated It has been replaced by the new, contextual and object-oriented API.
|
||||||
|
+ * Use [`ImageManipulator.manipulate`](#manipulateuri) or [`useImageManipulator`](#useimagemanipulatoruri) instead.
|
||||||
|
+ */
|
||||||
|
+export async function manipulateAsync(
|
||||||
|
+ uri: string,
|
||||||
|
+ actions: Action[] = [],
|
||||||
|
+ saveOptions: SaveOptions = {}
|
||||||
|
+): Promise<ImageResult> {
|
||||||
|
+ validateArguments(uri, actions, saveOptions);
|
||||||
|
+
|
||||||
|
+ const { format = SaveFormat.JPEG, ...rest } = saveOptions;
|
||||||
|
+ const context = ExpoImageManipulator.manipulate(uri);
|
||||||
|
+
|
||||||
|
+ for (const action of actions) {
|
||||||
|
+ if ('resize' in action) {
|
||||||
|
+ context.resize(action.resize);
|
||||||
|
+ } else if ('rotate' in action) {
|
||||||
|
+ context.rotate(action.rotate);
|
||||||
|
+ } else if ('flip' in action) {
|
||||||
|
+ context.flip(action.flip);
|
||||||
|
+ } else if ('crop' in action) {
|
||||||
|
+ context.crop(action.crop);
|
||||||
|
+ } else if ('extent' in action && context.extent) {
|
||||||
|
+ context.extent(action.extent);
|
||||||
|
+ }
|
||||||
|
+ }
|
||||||
+ const image = await context.renderAsync(saveOptions.compress);
|
+ const image = await context.renderAsync(saveOptions.compress);
|
||||||
const result = await image.saveAsync({ format, ...rest });
|
+ const result = await image.saveAsync({ format, ...rest });
|
||||||
|
+
|
||||||
// These shared objects will not be used anymore, so free up some memory.
|
+ // These shared objects will not be used anymore, so free up some memory.
|
||||||
|
+ context.release();
|
||||||
|
+ image.release();
|
||||||
|
+
|
||||||
|
+ return result;
|
||||||
|
+}
|
||||||
|
+
|
||||||
|
+export function useImageManipulator(source: string | SharedRef<'image'>): ImageManipulatorContext {
|
||||||
|
+ return useReleasingSharedObject(() => ExpoImageManipulator.manipulate(source), [source]);
|
||||||
|
+}
|
||||||
|
+
|
||||||
|
+export { ExpoImageManipulator as ImageManipulator };
|
||||||
diff --git a/node_modules/expo-image-manipulator/src/ImageManipulatorContext.ts b/node_modules/expo-image-manipulator/src/ImageManipulatorContext.ts
|
diff --git a/node_modules/expo-image-manipulator/src/ImageManipulatorContext.ts b/node_modules/expo-image-manipulator/src/ImageManipulatorContext.ts
|
||||||
index 120d8d3..f8aa49c 100644
|
index 120d8d3..f8aa49c 100644
|
||||||
--- a/node_modules/expo-image-manipulator/src/ImageManipulatorContext.ts
|
--- a/node_modules/expo-image-manipulator/src/ImageManipulatorContext.ts
|
||||||
|
|||||||
Reference in New Issue
Block a user