Как загрузить изображения в сеть, отображаемую в WKWebView? - PullRequest
0 голосов
/ 21 февраля 2020

Я очень новичок в разработке iOS приложений с использованием swift и xcode, и я хотел создать приложение, которое является просто веб-оболочкой для существующего веб-приложения. Я создал очень простое руководство по созданию приложения, и оно помогло показать веб-сайт. Проблема заключается в том, что я пытаюсь щелкнуть ссылку на веб-сайте, которая открывает файл ввода (чтобы загрузить изображение профиля). При нажатии приложение перенаправляет на главную страницу, что не происходит при нажатии с Chrome. Затем, в то же время перенаправления , приложение показывает меню, чтобы открыть камеру или загрузить изображение, что позволяет мне выбрать один из галереи и нажать кнопку загрузки, но затем, как веб-страница не Не могу получить файл.

Я пытался найти решение в Интернете, но ответы, которые я нашел, подсказывают мне переопределить некоторые функции классов, которых нет в моем коде. Как я могу сделать эту работу?


Это весь код приложения:

AppDelegate.swift

import UIKit

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        return true
    }

    // MARK: UISceneSession Lifecycle

    func application(_ application: UIApplication, configurationForConnecting connectingSceneSession: UISceneSession, options: UIScene.ConnectionOptions) -> UISceneConfiguration {
        // Called when a new scene session is being created.
        // Use this method to select a configuration to create the new scene with.
        return UISceneConfiguration(name: "Default Configuration", sessionRole: connectingSceneSession.role)
    }

    func application(_ application: UIApplication, didDiscardSceneSessions sceneSessions: Set<UISceneSession>) {
        // Called when the user discards a scene session.
        // If any sessions were discarded while the application was not running, this will be called shortly after application:didFinishLaunchingWithOptions.
        // Use this method to release any resources that were specific to the discarded scenes, as they will not return.
    }

}

SceneDelegat.swift

import UIKit
import SwiftUI

class SceneDelegate: UIResponder, UIWindowSceneDelegate {

    var window: UIWindow?

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        // Use this method to optionally configure and attach the UIWindow `window` to the provided UIWindowScene `scene`.
        // If using a storyboard, the `window` property will automatically be initialized and attached to the scene.
        // This delegate does not imply the connecting scene or session are new (see `application:configurationForConnectingSceneSession` instead).

        // Create the SwiftUI view that provides the window contents.
        let contentView = ContentView()

        // Use a UIHostingController as window root view controller.
        if let windowScene = scene as? UIWindowScene {
            let window = UIWindow(windowScene: windowScene)
            window.rootViewController = UIHostingController(rootView: contentView)
            self.window = window
            window.makeKeyAndVisible()
        }
    }

    func sceneDidDisconnect(_ scene: UIScene) {
        // Called as the scene is being released by the system.
        // This occurs shortly after the scene enters the background, or when its session is discarded.
        // Release any resources associated with this scene that can be re-created the next time the scene connects.
        // The scene may re-connect later, as its session was not neccessarily discarded (see `application:didDiscardSceneSessions` instead).
    }

    func sceneDidBecomeActive(_ scene: UIScene) {
        // Called when the scene has moved from an inactive state to an active state.
        // Use this method to restart any tasks that were paused (or not yet started) when the scene was inactive.
    }

    func sceneWillResignActive(_ scene: UIScene) {
        // Called when the scene will move from an active state to an inactive state.
        // This may occur due to temporary interruptions (ex. an incoming phone call).
    }

    func sceneWillEnterForeground(_ scene: UIScene) {
        // Called as the scene transitions from the background to the foreground.
        // Use this method to undo the changes made on entering the background.
    }

    func sceneDidEnterBackground(_ scene: UIScene) {
        // Called as the scene transitions from the foreground to the background.
        // Use this method to save data, release shared resources, and store enough scene-specific state information
        // to restore the scene back to its current state.
    }

}

ContentView.swift

import SwiftUI
import WebKit

struct ContentView: View {
    var body: some View {
        WebView(request: URLRequest(url: URL(string: "http://www.website-example.com")!))
    }
}

struct WebView: UIViewRepresentable {
    let request: URLRequest

    func makeUIView(context: Context) -> WKWebView {
        return WKWebView()
    }

    func updateUIView(_ uiView: WKWebView, context: Context) {
        uiView.load(request)
    }

}

Это соответствующий код сайта:

Форма и входной файл

<form method="post" action="upload.php" enctype="multipart/form-data" id="picUploadForm" target="uploadTarget" style="display:none">
    <input type="file" name="picture" id="fileInput" style="display:none" accept="image/*">
</form>

Javascript Функция

$(".editLink").on('click', function(e){
    e.preventDefault();
    $("#fileInput:hidden").trigger('click');
});

//On select file to upload
$("#fileInput").on('change', function(){
    var image = $('#fileInput').val();
    var img_ex = /(\.jpg|\.jpeg|\.png|\.gif)$/i;

    //validate file type
    if(!img_ex.exec(image)){
        swal('Formato de archivo erróneo', 'Solo se admiten archivos de tipo .jpg .jpeg .png o .gif');
        $('#fileInput').val('');
        return false;
    }else{
        $('.uploadProcess').show();
        $( "#picUploadForm" ).submit();
    }
});
...